@charset "utf-8";



blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;outline:0}



abbr,acronym,fieldset,img{border:0}



ol,ul{list-style:none}



caption,th{text-align:left}



.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}



.clearfix{zoom:1}



.dn{display:none}



body{color:#333;font-size:16px;line-height:1.7;font-family:"Microsoft Yahei",sans-serif;min-width:1200px}





a{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}



img,video{width:auto;height:auto;max-width:100%;vertical-align:middle}



img{object-fit:cover}



video{outline:0;border:none}



a{color:#333;text-decoration:none;border:none;outline:0}



textarea{resize:none}



input,select,textarea{font-size:14px;color:#999;font-family:"Microsoft Yahei",sans-serif;outline:0;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}



input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}



::-webkit-input-placeholder{color:#999}



::-moz-placeholder{color:#999}



::-ms-input-placeholder{color:#999}



input:-webkit-autofill{ -webkit-box-shadow: 0 0 0px 1000px #f4f4f4 inset !important;box-shadow: 0 0 0px 1000px #f4f4f4 inset !important;-webkit-text-fill-color: #333!important;}



.wrap{max-width: 1400px;width: 94%; margin: 0 auto;}



/* =============== Slider 轮播插件================= */



.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}



.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}



.slick-list:focus{outline:0}



.slick-list.dragging{cursor:pointer;cursor:hand}



.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}



.slick-track{position:relative;top:0;left:0;display:block}



.slick-track:after,.slick-track:before{display:table;content:''}



.slick-track:after{clear:both}



.slick-loading .slick-track{visibility:hidden}



.slick-slide{display:none;float:left;height:100%;min-height:1px}



[dir=rtl] .slick-slide{float:right}



.slick-slide img{display:block}



.slick-slide.slick-loading img{display:none}



.slick-slide.dragging img{pointer-events:none}



.slick-initialized .slick-slide{display:block}



.slick-loading .slick-slide{visibility:hidden}



.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}



.slick-arrow.slick-hidden{display:none}







/* ===================走马灯插件 样式================= */



.threesixty{position:relative;overflow:hidden;margin:0 auto}



.threesixty .threesixty_images{display:none;list-style:none;margin:0;padding:0}



.threesixty .threesixty_images img{position:absolute;top:0;width:100%;height:auto}



.threesixty .threesixty_images img.previous-image{visibility:hidden;width:0}



.threesixty .threesixty_images img.current-image{visibility:visible;width:100%}



.threesixty .spinner{width:60px;display:block;margin:0 auto;height:30px;background:#333;background:rgba(0,0,0,.7);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}



.threesixty .spinner span{font-family:Arial,ms trebuchet,sans-serif;font-size:12px;font-weight:bolder;color:#fff;text-align:center;line-height:30px;display:block}



.threesixty .nav_bar{position:absolute;top:10px;right:10px;z-index:11}



.threesixty .nav_bar a{display:block;width:32px;height:32px;float:left;text-indent:-99999px}



.threesixty .nav_bar a.nav_bar_play{background-position:0 0!important}



.threesixty .nav_bar a.nav_bar_previous{background-position:0 -73px!important}



.threesixty .nav_bar a.nav_bar_stop{background-position:0 -37px!important}



.threesixty .nav_bar a.nav_bar_next{background-position:0 -104px!important}



.threesixty:-webkit-full-screen{background:#fff;width:100%;height:100%;margin-top:0;padding-top:200px}



.threesixty:-moz-full-screen{background:#fff;width:100%;height:100%;margin-top:0;padding-top:200px}







/* ============ header ==========*/







/* ============ footer ==========*/



/* ============ 首页 ==========*/



.index-top{background-color: #131621;position: relative;}



.index-slick{overflow: hidden;/* height: 762px; */}



.index-slick .text{float: left;width: 49%;margin-top: 162px;padding-right: 40px;}



.index-slick .text .tit{display: block;font-size: 50px;font-weight: bold;line-height: 60px;color: #f6fffd;margin-bottom: 36px;}



.index-slick .text p{font-size: 16px;line-height: 2em;color: #f6fffd;margin-bottom: 26px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}



.index-slick .text ul{margin-bottom: 54px;}



.index-slick .text li{display: inline-block;color: #fff;}



.index-slick .text li span{display: block;font-size: 14px;line-height: 24px;}



.index-slick .text li strong{display: block;font-size: 24px;line-height: 34px;}



.index-slick .text li:first-child{margin-right: 70px;}



.more-a{display: inline-block;width: 160px;height: 48px;line-height: 48px;text-align: center;color: #fff;font-size: 18px;border-radius: 4px;background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);  background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;}



.more-a:hover {background-position: right center;}



.index-slick .pic{float: right;width: 100%;position: relative;}



.index-slick .pic>a{display: block;position: relative;margin-right: -90px;}



.index-slick .materiel{width: 445px;position: absolute;bottom: 8px;left: 210px;}



.index-slick .materiel>p{font-size: 16px;color: #fff;line-height: 26px;margin-bottom: 6px;}



.index-slick .materiel ul{overflow: hidden;margin:0 -4px;position: relative;z-index: 1;padding-bottom: 8px;}



.index-slick .materiel li{width: 33.3%;float: left;text-align: center;color: #fff;padding:0 4px;}



.index-slick .materiel li img{display: block;width: 100%;border-radius: 4px;}



.index-slick .materiel li p{font-size: 14px;color: #c39b9b;line-height: 24px;margin-top: 10px;}



.index-slick .materiel ul:after{content:'';width: 100%;height: 16px;background: url(../images/bc-bot.png) no-repeat;position: absolute;left: 2px;bottom: 2px;z-index: -1;}



.index-slick .slick-dots{position: absolute;bottom: 58px;left: 13.2%;z-index: 1;width: 540px;}



.index-slick .slick-dots li{float: left;position: relative;width: 25%;border-bottom: 1px solid #71737a;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.index-slick .slick-dots li button{display: block;font-size: 0;border:none;outline: none;cursor: pointer;border-radius: 50%;width: 8px;height: 12px;background-color: #71737a;position: absolute;right: 0;top: -6px;}



.index-slick .slick-dots li.slick-active{border-color: #ea3440;}



.index-slick .slick-dots li.slick-active button{width: 10px;height: 14px;background-color: #ea3440;}



.index-slick .text .tit:hover{color: #ea3440;}







.index-scroll{padding:15px 0;}



.index-scroll .tit{display: block;float: left;margin-right: 38px;font-size: 20px;color: #d53242;background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;line-height: 40px;}



.index-scroll .dowebok{float: left;overflow: hidden;width: 85%;margin-top: 5px;} 



.index-scroll .dowebok .item{display: inline-block;margin-right: 100px;font-size: 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 30px;}



.index-scroll .dowebok .item img{display: inline-block;vertical-align: middle;margin-top: -5px;margin-right: 20px;width: 31px;}



.index-scroll .dowebok .item a{display: inline-block;font-size: 16px;color: #333333;line-height: 30px;}



.index-scroll .dowebok .item a:hover{color: #d53242;}



.index-scroll .more{display: block;float: right;font-size: 16px;color: #666666;line-height: 40px;}



.index-scroll .more:hover{color: #d53242;}



/*Plugin CSS*/



.str_wrap{overflow:hidden;width:100%;font-size:16px;line-height:30px;position:relative;-moz-user-select:none;-khtml-user-select:none;user-select:none;background:#fff;white-space:nowrap}



.str_wrap.str_active{background:#fff}



.str_move{white-space:nowrap;position:absolute;top:0;left:0;cursor:move}



.str_move_clone{display:inline-block;vertical-align:top;position:absolute;left:100%;top:0}



.str_vertical .str_move_clone{left:0;top:100%}



.str_down .str_move_clone{left:0;bottom:100%}



.str_down .str_move,.str_vertical .str_move{white-space:normal;width:100%}



.noStop .str_move,.no_drag .str_move,.str_static .str_move{cursor:inherit}



.str_wrap img{max-width:none!important}







.index-pro{background-color: #f7f7f7;padding:77px 0 102px;}



.base-title{text-align: center;}



.base-title h1,.base-title h2,.base-title b{font-size: 42px;color: #333333;line-height: 60px;font-weight: normal;margin-bottom: 15px;}



.base-title h2, .base-title b{font-size: 40px;}



.base-title h1 strong,.base-title h2 a,.base-title h2 strong, .base-title b a, .base-title b strong{color: #fff;background-color: #cf3535;padding:0 16px;margin-right: 10px;display: inline-block;font-weight: bold;}



.base-title p{font-size: 16px;color: #666666;line-height: 26px;}



.base-title p a{color: #666;}



.base-title p a:hover{color: #cf3535;}



.base-title h2 a:hover{color: #333;}











.pro-area {margin-top: 32px;margin-bottom: 5px;}



.pro-area li{float: left;position: relative;}



.pro-area li.one{width: 45.7%;}



.pro-area li.two{width: 27.15%;padding-left: 6px;}



.pro-area li.three{width: 27.15%;padding-left: 6px;}



.pro-area li .img{display: block;}



.pro-area li .img img{width: 100%;display: block;}



.pro-area .one p{position: absolute;text-align: center;font-size: 16px;color: #666666;line-height: 30px;left: 0;bottom: 25px;width: 100%;}



.pro-area li span{font-size: 20px;font-weight: bold;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.pro-area li .sub{margin-bottom: 6px;}



.pro-area li .txt span{font-size: 20px;font-weight: bold;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;line-height: 30px;}



.pro-area li .txt p{font-size: 16px;color: #666666;line-height: 26px;}



.pro-area li .sub .text{position: absolute;top: 28px;right: 12px;}



.pro-area li .sub1{position: relative;}



.pro-area li .sub1 .text{position: absolute;top: 50%;right: 12px;margin-top: -30px;}



.pro-area li .sub:hover span,.pro-area li .sub1:hover span,.pro-area li.one:hover span{color: #cf3535;}







.pro-ul{background-color: #fff;padding:20px 7px;}



.pro-ul li{float: left;width: 25%;padding:0 13px;margin-bottom:30px;}



.pro-ul li .item{border-radius: 4px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;background-color: #fff;}



.pro-ul li a.img{width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 68.75%;border-radius: 4px 4px 0 0;display: block;}



.pro-ul li a.img img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}



.pro-ul li .tit{font-size: 18px;color: #333333;line-height: 60px;padding-right: 50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;padding-left: 10px;display: block;}



.pro-ul li .tit:after{content: '';width: 24px;height: 16px;background: url(../images/index-arr.png) no-repeat;position: absolute;right: 30px;top: 20px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.pro-ul li:hover .item{-webkit-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);-moz-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);-ms-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);-o-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);box-shadow: 6px 10px 20px rgba(210,61,71,0.1);}



.pro-ul li:hover .tit:after{opacity: 1;filter:alpha(opacity=100);}



.pro-ul li .item h3 {font-weight: normal; text-align: center;}







.index-special{padding-bottom: 78px;background-color: #f7f7f7;}



.index-special .wrap{background: url(../images/zt-bg.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border: 1px solid #eb4247;border-radius: 4px;}



.index-special .col-l{color: #fff;float: left;width: 56%;padding:54px 42px 0 80px;}



.index-special .col-l strong{display: block;font-size: 32px;line-height: 42px;padding-bottom: 18px;position: relative;margin-bottom: 10px;}



.index-special .col-l strong:after{content:'';width: 70px;height: 4px;background-color: #fff;position: absolute;left: 0;bottom: 0;}



.index-special .col-l p{font-size: 16px;line-height: 2em;}



.index-special .col-r{float: right;width: 44%;padding:60px 120px 60px 180px;}



.ep-box{position: relative;}



.ep-box .pic{display: block;border-radius: 4px;}



.ep-box .pic img{border-radius: 4px;display: block;width: 100%;}



.ep-box .tit{display: block;width: 200px;line-height: 48px;text-align: center;font-size: 18px;color: #fff;background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);border-radius: 4px;position: absolute;bottom: -28px;right: -40px; background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;}



.ep-box .tit img{margin-left: 5px;margin-top: -2px;}



.ep-box .tit:hover{background-position: right center;}







.index-about{position:relative;margin-bottom: 60px;}



.index-about:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:1}



.index-about video{width:100%;}



.index-txt{position:absolute;top:50%;left:0;width:100%;z-index:2;margin-top: -80px;}



.index-txt dt strong{vertical-align:middle;display:inline-block;line-height:70px;font-size:60px;color:#fff;}



.index-txt dt i{display:inline-block;width:14px;height:14px;position:relative;top:8px;margin:0 20px;border-radius:100%;background:#fff}



.index-txt dd{margin-top:30px}



.index-txt dd p{font-size:20px;line-height:30px;color:#fff;font-weight: bold;}







.index-case .base-title{text-align: left;position: relative;margin-bottom: 35px;}



.base-title .btn-a{display: block;position: absolute;right: 0;bottom: 5px;font-size: 16px;color: #333333;line-height: 36px;}



.base-title .btn-a:after{content:'';position: absolute;bottom: 0;left: 0;height: 2px;background-color: #cf3535;width: 100%;-webkit-transform: scale(0);-moz-transform: scale(0); -o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.base-title .btn-a img{vertical-align: middle;margin-top: -4px;margin-left: 4px;}



.base-title .btn-a:hover::after{-webkit-transform: scale(1);-moz-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}



.base-title .btn-a:hover img{margin-left: 10px;}







.index-case{margin-bottom: 68px;position: relative;}



.slick-case{height: 480px;overflow: hidden;}



.slick-case .slick-list{overflow: hidden;}



.slick-case .pic{display: block;float: left;width: 56%;padding-left: 4px;}



.slick-case .pic img{display: block;border-radius: 4px;width: 100%;}



.slick-case .text{float: right;width: 44%;padding-left: 40px;margin-top: 34px;}



.slick-case .text .tit{display: block;font-size: 32px;color: #333333;line-height: 42px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 18px;}



.slick-case .text .tit:hover{color: #f64949;}



.slick-case .text p{font-size: 16px;color: #666;line-height: 2em;margin-bottom: 35px;padding-right: 20px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}



.slick-case .text .qt{overflow: hidden;}



.slick-case .text .qt span{display: block;float: left;width: 50%;padding-left: 52px;background: url(../images/index-icon.png) no-repeat left center;font-size: 20px;color: #666;line-height: 30px;margin-bottom: 30px;}



.slick-case .text .qt span strong{color: #333;}



.slick-case .text .btn-more{text-align: right;margin-top: 44px;}



.slick-case .text .btn-more a{display: inline-block;}



.slick-case .text .btn-more a img{margin-left: 6px;vertical-align: middle;margin-top: -4px;display: inline-block;}



.index-case .paging{position: absolute; right: 240px; font-size: 20px; color: #333;line-height: 30px;bottom: 46px;}



.index-case .paging .cur{color: #f64949;}



.index-case .paging .full{margin-left: 290px;}



.index-case .slick-dots{position: absolute;right: 288px;bottom: 54px;z-index: 1;}



.index-case .slick-dots li{display: inline-block;margin:0 5px}



.index-case .slick-dots li button{font-size: 0;width: 70px;height: 3px;background-color: #cccccc;border-radius: 1.5px;border:none;outline: none;cursor: pointer;}



.index-case .slick-dots li.slick-active button{background-color: #f64949;}







.index-goods {margin-bottom: 68px;background: url(../images/index-img1.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 110px;padding-bottom: 16px;}



.index-goods .wrap{padding-left: 300px;position: relative;}



.index-goods .pic{margin-bottom: 40px;}



.index-goods .pic img{display: block;width: 100%;}



.index-goods .wrap:before{content:'';width: 365px;height: 410px;background: url(../images/in-img1.png) no-repeat;position: absolute;bottom: -16px;left: -20px;}



.good-box{padding-left: 52px;}



.good-box>span{display: block;float: left;font-size: 16px;color: #fff;line-height: 26px;margin-top: 16px;}



.good-box ul{float: left;width: 62%;margin-left: 12px;}



.good-box ul li{float: left;width: 20%;padding:0 5px;}



.good-box ul li .img{position: relative;overflow: hidden;}



.good-box ul li .img img{display: block;width: 100%;border-radius: 4px;}



.good-box .good-btn{float: right;width: 200px;}



.good-box .more-a{display: block; cursor: pointer;width: 100%;}



.good-box .more-a img{margin-left: 6px;vertical-align: middle;margin-top: -4px;display: inline-block;}



.good-box ul li .text{position: absolute;top: -100%;left: 0;background-color: rgba(0,0,0,.5);text-align: center;font-size: 16px;line-height: 26px;color: #fff;display: block;padding-top: 38px;width: 100%;height: 100%;}



.good-box ul li .text:before{content:'';width: 8px;height: 37px;background: url(../images/index-dot.png) no-repeat center;position: absolute;top: 0;left: 50%;margin-left: -4px;}



.good-box ul li:hover .text{top: 0;}



.good-a{text-align: center;}



.good-a a{display: inline-block;font-size: 14px;color: #666666;line-height: 20px;border-bottom:1px solid #666;}



.good-a a:hover{color: #cf3535;border-color: #cf3535;}







.index-news{margin-bottom: 112px;}



.index-box{margin-top: 45px;}



.new-title{overflow: hidden;margin-bottom: 34px;}



.new-title h3, .new-title b{float: left;font-size: 28px;color: #333333;line-height: 38px;}



.new-title h3 a, .new-title b a {color: #333;}



.new-title h3:hover a, .new-title b:hover a {color: #cf3535;}



.new-title .more{float: right;display: block;font-size: 36px;line-height: 38px;color: #404040;}



.new-title .more:hover{color: #cf3535;}



.index-box .col-l{float: left;width: 50%;padding-right: 40px;}



.index-box .col-r{float: right;width: 50%;padding-left: 40px;}











.index-box li{font-size: 18px;color: #333333;line-height: 38px;padding:20px 0;overflow: hidden;border-bottom: 1px dashed #f2f2f2;}



.index-box li.two{position: relative;padding-left: 42px;}



.index-box li i{font-style: normal;width: 32px;height: 20px;text-align: center;border-radius: 2px;background-color: #f44848;line-height: 20px;font-size: 16px;color: #fff;display: block;position: absolute;left: 0;top: 30px;}



.index-box li>a{float: left;width: 80%;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #333333;}



.index-box li>span{display: block;float: right;}



.index-box li>a:hover{padding-left: 10px;color: #f44848;}







.index-box li.one{overflow: hidden;margin-bottom: 35px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;border-radius: 4px;border-bottom: none;padding:20px;}



.index-box li.one .img{display: block;width: 242px;float: left;object-fit: cover;overflow: hidden;border-radius: 4px;padding-left: 0;height: 182px;}



.index-box li.one .img img{display: block;width: 100%;}



.index-box li.one .text{float: right;width: 60%;padding-left: 18px;position: relative;}



.index-box li.one .text .tit{display: block;font-size: 18px;color: #333333;font-weight: bold;line-height: 28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top: 5px;margin-bottom: 10px;}



.index-box li.one .text p{font-size: 16px;line-height: 28px;color: #333333;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 56px;margin-bottom: 28px;}



.index-box li.one .text span{display: inline-block;font-size: 16px;color: #666666;line-height: 26px;}



.index-box li.one .more{display: block;position: absolute;right: 0;bottom: -10px;}



.index-box li.one:hover{-webkit-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);-moz-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);-ms-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);-o-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);box-shadow: 4px 10px 16px rgba(69,0,5,0.05);}



.index-box li.one:hover .tit{color: #cf3535;}







.index-grid>img{display: block;width: 100%;}



.index-grid .wrap{position: relative;}



.index-grid .pic{position: absolute;left: 0;top: -32px;}



.index-grid .ewm-box{position: absolute;right: 20px;top: 88px;}



.ewm-box dl{text-align: center;margin-bottom: 44px;}



.ewm-box dl dt img{border-radius: 4px;}



.ewm-box dl dd{font-size: 18px;color: #ffffff;line-height: 28px;margin-top: 16px;}







/* ============ 面包屑  ==========*/







.crumbs{padding-top: 58px;padding-left: 20px;position: relative;}



.crumbs:before{content:'';width:11px;height:13px;background: url(../images/dz.png) no-repeat;position: absolute;left: 0;top: 67px;}



.crumbs li{display: inline-block;font-size: 14px;color: #b3b1b1;line-height: 34px;}



.crumbs li a{color: #b3b1b1;}



.crumbs li span,.pro-inner .crumbs li span{color: #f35555;}



.crumbs li a:hover,.pro-inner .crumbs li a:hover{color: #f35555;}



.pro-inner .crumbs li{color: #fff;}



.pro-inner .crumbs li a{color: #fff;}







/* ============ 产品中心  ==========*/



.pro-top{position: relative;overflow: hidden;}



.pro-top>img{display: block;width: 100%;}



.main-pro{position: absolute;left: 0;top:0;right: 0;}



.top-text{margin-top: 152px;width: 50%;}



.top-text h1,.top-text strong, .top-text b{font-size: 42px;line-height: 52px;color: #fff;margin-bottom: 26px; display: block;}



.top-text p{font-size: 18px;color: #fff;line-height: 2em;margin-bottom: 76px;}



.top-text .more-a{display: inline-block;width: 200px;height: 60px;line-height: 60px;font-size: 18px;font-weight: bold;cursor: pointer;}



.top-text .more-a img{margin-left: 10px;vertical-align: middle;margin-top: -2px;}



.top-text .lx-a{margin-right: 20px;cursor: pointer;}







.pro-item{padding: 66px 0 38px;}



.pro-item.item{background-color: #f6f8fb;}



.pro-title{position: relative;padding-right: 130px;margin-bottom: 58px;}



.pro-title h2, .pro-title b{display: inline-block;font-size: 40px;color: #333333;line-height: 50px;margin-right: 20px;}



.pro-title h2 a, .pro-title b a{color: #333333;}



.pro-title .pro{position: relative;z-index: 1;margin-bottom: 10px;}



.pro-title .pro .wz{display: inline-block;position: relative;z-index: 1;}



.pro-title .pro span{height: 33px;line-height: 33px;text-align: center;font-size: 20px;color: #fff;background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);border-radius: 4px;-webkit-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-moz-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-ms-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-o-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);box-shadow: 5px 5px 13px rgba(69,0,5,0.2);padding:0 20px;display: inline-block;}



.pro-title .pro img{position: absolute;bottom: 0;right: -36px;z-index: -1;}



.pro-title h2 a:hover{color: #cf3535;}



.pro-title p{font-size: 18px;color: #666666;line-height: 28px;}



.pro-title .more{display: block;width: 118px;height: 32px;text-align: center;text-align: center;position: absolute;right: 0;top: 7px;border-radius: 4px;font-size: 16px;line-height: 30px;border:1px solid #666666;color: #666;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.pro-title .more:hover {-webkit-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-moz-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-ms-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-o-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);box-shadow: 5px 5px 13px rgba(69,0,5,0.2);color: #fff;background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);border-color: transparent;}







.pro-list{margin:0 -34px;}



.pro-list li{float: left;width: 25%;padding:0 34px;margin-bottom: 30px;}



.pro-list li .item{border-radius: 4px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.pro-list li a.pic{width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 76.7%;border-radius: 4px 4px 0 0;display: block;}



.pro-list li a.pic img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}



.pro-list li .tit{font-size: 18px;color: #333333;line-height: 60px;padding-right: 50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;padding-left: 10px;display: block;}



.pro-list li .tit:after{content: '';width: 24px;height: 16px;background: url(../images/index-arr.png) no-repeat;position: absolute;right: 30px;top: 20px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.pro-list li:hover .item{-webkit-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);-moz-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);-ms-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);-o-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);box-shadow: 6px 10px 20px rgba(210,61,71,0.1);background-color: #fff;transform: translateY(-5px);}



.pro-list li:hover .tit:after{opacity: 1;filter:alpha(opacity=100);}











/* ============ 视屏中心  ==========*/







.video-grid .top-text h1 img{margin-left: 20px;}







.video-box{margin-top: 150px;}



.video-box .top-text{float: left;margin-top: 0;}



.video-box .top-text h1 img,.top-text strong img{margin-left: 20px;}



.video-box .top-text p{margin-bottom: 40px;}



.video-box .top-right{float: right;width: 38%;}



.video-box video{border-radius: 4px;display: block;width: 100%;}







.video-item{padding: 66px 0 38px;}



.video-item.item{background-color: #f6f8fb;}



.video-item .pro-title span{position: relative;}



.video-item .pro-title span:after{content:'';width: 27px;height: 27px;background: url(../images/play1.png) no-repeat;position: absolute;top: -13px;right: -15px;}











.video-list{margin:0 -46px;}



.video-list li{float: left;width: 33.3%;padding:0 46px;margin-bottom: 48px;}



.video-list li .item{border-radius: 4px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.video-list li .item .img{overflow: hidden;border-radius: 4px;width: 100%; height: 0;position: relative;padding-top: 56.34%;}



.video-list li .item .img>img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}



.video-list li .item .play{display: block;width: 100%;height:100%;position: absolute;bottom: -100%;left: 0;background-color: rgba(0,0,0,.3);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.video-list li .item .play img{position: absolute;top: 50%;left: 50%;margin-left: -21.5px;margin-top: -16.5px;}



.video-list li .tit{font-size: 18px;color: #333333;line-height: 60px;padding-right: 60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;padding-left: 10px;display: block;}



.video-list li .tit:after{content: '';width: 24px;height: 16px;background: url(../images/index-arr.png) no-repeat;position: absolute;right: 30px;top: 20px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.video-list li:hover .item{-webkit-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);-moz-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);-ms-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);-o-box-shadow: 6px 10px 20px rgba(210,61,71,0.1);box-shadow: 6px 10px 20px rgba(210,61,71,0.1);background-color: #fff;}



.video-list li:hover .tit{color: #f64949;}



.video-list li:hover .tit:after{opacity: 1;filter:alpha(opacity=100);}



.video-list li:hover .play{bottom: 0;}











/* ============ 新闻中心 ==========*/







.new-top{background: url(../images/new-top.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;overflow: hidden;padding-bottom: 46px;margin-bottom: 26px;}







.new-info{position: relative;margin-top: 40px;}



.new-info .top-text{width: 41%;position: absolute;right: 0;top: 0;margin-top: 0;}



.new-info .top-text p{margin-bottom: 0;}



.new-slick {position: relative;height: 528px;overflow: hidden;}



.new-slick .slick-list{overflow: hidden;}



.new-slick .img{display: block;float: left;width: 57%;border-radius: 4px;position: relative;z-index: 1;}



.new-slick .img img{display: block;width: 100%;border-radius: 4px;}



.new-slick .text{float: right;width: 44%;position: relative;margin-left: -1%;background-color: #fff;padding:32px 0 0 68px;margin-top: 178px;border-radius: 4px;}



.new-slick .text .tit{display: block;font-size: 26px;color: #333333;line-height: 42px;height: 84px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-right: 28px;font-weight: bold;margin-bottom: 8px;}



.new-slick .text span{display: block;font-size: 16px;color: #999999;line-height: 26px;margin-bottom: 20px;}



.new-slick .text p{font-size: 18px;color: #666666;line-height: 2em;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 108px;margin-bottom: 12px;padding-right: 28px;}



.new-slick .btn-more{text-align: right;}



.new-slick .btn-more .more-a{display: inline-block;border-radius: 4px 4px 4px 0;width: 180px;height: 60px;line-height: 60px;-webkit-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-moz-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-ms-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-o-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);box-shadow: 5px 5px 13px rgba(69,0,5,0.2);}



.new-slick .btn-more .more-a img{margin-left: 10px;vertical-align: middle;margin-top: -4px;display: inline-block;}



.new-slick .text .tit:hover{color: #cf3535;}



.new-slick .slick-dots{position: absolute;left: 25px;bottom: 20px;}



.new-slick .slick-dots li{display: inline-block;margin:0 4px;}



.new-slick .slick-dots li button{display: block;font-size: 0;width: 62px;height: 3px;border-radius: 1.5px;background-color: #ffffff;border: none;outline: none;cursor: pointer;}



.new-slick .slick-dots li.slick-active button{background-color: #f64949;}







.news-list{margin-left: -3%;margin-top: 60px;}



.news-list li{float: left;width: 47%;margin-left: 3%;overflow: hidden;margin-bottom: 10px;}



.news-list li a{display: block;float: left;width: 80%;color: #ffffff;line-height: 38px;font-size: 18px;padding-left: 30px;background: url(../images/icon.png) no-repeat left center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.news-list li span{display: block;float: right;line-height: 38px;font-size: 16px;color: #999999;}



.news-list li:hover a{padding-left: 50px;color: #f64949;}







.news-item{padding: 66px 0 28px;}



.news-ul{margin-left: -3%;}



.news-ul li{float: left;width: 47%;margin-left: 3%;overflow: hidden;padding:20px;border-radius: 4px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;margin-bottom: 40px;}



.news-ul li .img{float: left;display: block;width: 242px;object-fit: cover;overflow: hidden;height: 160px;}



.news-ul li .img img{display: block;width: 100%;}



.news-ul li .text{float: right;width: 62%;padding-left: 18px;position: relative;}



.news-ul li .text .tit{display: block;font-size: 18px;color: #333333;line-height: 28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: bold;margin-bottom: 10px;}



.news-ul li .text p{font-size: 16px;color: #666666;line-height: 28px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 56px;margin-bottom: 30px;}



.news-ul li .text span{font-size: 16px;color: #666666;line-height: 26px;display: inline-block;}



.news-ul li .text .more{display: block;width: 80px;height: 40px;line-height: 40px;text-align: center;background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;position: absolute;right: -20px;bottom: -30px;border-radius: 4px 0 4px 0;}



.news-ul li .text .more:hover {background-position: right center;}



.news-ul li:hover{-webkit-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);-moz-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);-ms-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);-o-box-shadow: 4px 10px 16px rgba(69,0,5,0.05);box-shadow: 4px 10px 16px rgba(69,0,5,0.05);background-color: #fff;}



.news-ul li:hover .text .tit{color: #d53838;}







.news-item.item{background-color: #f6f8fb;padding-bottom: 52px;}



.news-item.item .news-ul li{margin-bottom: 30px;}



.news-item .news-list{margin-top: 0;}



.news-item .news-list li{margin-bottom: 30px;}



.news-item .news-list li a{color: #333333;}



.news-item .news-list li a:hover{color: #f64949;}







/* ============ 案例中心 ==========*/







.case-top .video-box{margin-top: 146px;}



.case-top .top-text p,.about-top .top-text p{margin-bottom: 75px;}



.case-top .video-box .top-right,.about-top .video-box .top-right{position: relative;}



.case-top .video-box .play-btn,.about-top .video-box .play-btn{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../images/play3.png) no-repeat center rgba(0,0,0,.2);cursor: pointer;display: block;}



.case-top .video-box .play-btn.close,.about-top .video-box .play-btn.close{display: none;}



.case-top .video-box video,.about-top .video-box video{border:1px solid #fff;}







.case-msg {position: relative;margin-top: -180px;z-index: 1;}



.case-msg .wrap{border-bottom: 4px solid #ef4c43;background: url(../images/case-bg.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border-radius: 4px;padding:29px 20px 20px 142px;position: relative;}



.case-msg .wrap:before{content:'';width: 141px;height: 257px;background: url(../images/case-pic.png) no-repeat;position: absolute;left: 0;bottom: 0;}



.case-msg .one{overflow: hidden;margin-bottom: 28px;}



.case-msg .one strong{display: block;float: left;font-size: 30px;color: #ffffff;line-height: 64px;}



.case-msg .one p{float: right;background:#ffcb8d;background: -moz-linear-gradient(left, #f7b875 0%, #ffcb8d 100%);background: -webkit-linear-gradient(left, #f7b875 0%,#ffcb8d 100%);background: -o-linear-gradient(left, #f7b875 0%,#ffcb8d 100%);background: -ms-linear-gradient(left, #f7b875 0%,#ffcb8d 100%);background: linear-gradient(to right, #f7b875 0%,#ffcb8d 100%);font-size: 26px;font-weight: bold;line-height: 64px;border-radius: 4px;padding:0 32px;}



.case-msg .one p span{color: #e3674f;background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}







.case-msg form{overflow: hidden;}



.case-msg ul{margin-right: -1%;width: 86%;float: left;}



.case-msg li{float: left;width: 24%;margin-right: 1%;}



.case-msg li select,.case-msg li input,.case-msg li textarea{width: 100%;height: 56px;line-height: 56px;background-color: #ffffff;padding:0 10px 0 20px;border-radius: 4px;font-size: 14px;color: #333333;outline: none;}



.case-msg .last{position: relative;}



.case-msg .last:after{content:'*';font-size: 18px;color: #d53442;position: absolute;top: 14px;left: 12px;}







.case-msg .sub-btn{float: right;width: 152px;}



.case-msg .sub-btn input{width: 100%;height: 56px;line-height: 56px;text-align: center;font-size: 14px;color: #fff;border-radius: 4px;cursor: pointer;outline: none;background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;cursor: pointer;}



.case-msg .sub-btn input:hover {background-position: right center;}







.case-item{padding: 80px 0 1px;}



.case-box{background-color: #f7f9fc;position: relative;margin-top: -21px;padding:106px 0 20px;}







.case-item .pro-title span{width: auto;background:#e3674f;background: -moz-linear-gradient(left, #d53242 0%, #e3674f 100%);background: -webkit-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -o-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -ms-linear-gradient(left, #d53242 0%,#e3674f 100%);background: linear-gradient(to right, #d53242 0%,#e3674f 100%);padding:0 22px;}







.case-list{margin-left: -5%;}



.case-list li{float: left;width: 28.33%;margin-left: 5%;margin-bottom: 50px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.case-list li .pic{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75%;border-radius: 4px;z-index: 1;}



.case-list li .pic img{position: absolute;top: 0; left: 0;width: 100%; height: 100%;display: block;}



.case-list li .text{background-color: #fff;border-radius: 0 0 4px 4px;padding:20px 46px 25px 50px;position: relative;}



.case-list li .text .tit{display: block;font-size: 20px;line-height: 30px;color: #333333;font-weight: bold;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.case-list li .text p{font-size: 16px;color: #333333;line-height: 26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.case-list li .text .more{background:#e3674f;background: -moz-linear-gradient(left, #d53242 0%, #e3674f 100%);background: -webkit-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -o-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -ms-linear-gradient(left, #d53242 0%,#e3674f 100%);background: linear-gradient(to right, #d53242 0%,#e3674f 100%);border-bottom-right-radius: 4px;display: block;position: absolute;right: 0;bottom: 0;padding:2px 18px 3px;}



.case-list li .text:before{content:'';width: 0;height: 8px;position: absolute;left: 0;top: -4px;background:#e3674f;background: -moz-linear-gradient(left, #d53242 0%, #e3674f 100%);background: -webkit-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -o-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -ms-linear-gradient(left, #d53242 0%,#e3674f 100%);background: linear-gradient(to right, #d53242 0%,#e3674f 100%);border-radius: 0 0 4px 4px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.case-list li:hover{-webkit-box-shadow: 6px 10px 21px rgba(210,61,71,0.05);-moz-box-shadow: 6px 10px 21px rgba(210,61,71,0.05);-ms-box-shadow: 6px 10px 21px rgba(210,61,71,0.05);-o-box-shadow: 6px 10px 21px rgba(210,61,71,0.05);box-shadow: 6px 10px 21px rgba(210,61,71,0.05);}



.case-list li:hover .text:before{width: 100%;}



.case-list li .text .tit:hover{color: #f64949;}















.wl-list{margin:0 -33px;}



.wl-list li{float: left;width: 25%;padding:0 33px;margin-bottom: 50px;}



.wl-list li .item{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;border-radius: 4px;}



.wl-list li .pic{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 73.34%;}



.wl-list li .pic img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}



.wl-list li .tit{display: block;font-size: 20px;color: #333333;line-height: 60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;padding-right: 45px;}



.wl-list li .tit:after{content: '';width: 24px;height: 16px;background: url(../images/index-arr.png) no-repeat;position: absolute;right: 10px;top: 20px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.wl-list li .text{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.wl-list li .item:hover{-webkit-box-shadow: 6px 10px 21px rgba(210,61,71,0.1);-moz-box-shadow: 6px 10px 21px rgba(210,61,71,0.1);-ms-box-shadow: 6px 10px 21px rgba(210,61,71,0.1);-o-box-shadow: 6px 10px 21px rgba(210,61,71,0.1);box-shadow: 6px 10px 21px rgba(210,61,71,0.1);background-color: #fff;}



.wl-list li .item:hover .text{padding-left: 20px;}



.wl-list li .item:hover .tit{color: #f64949;}



.wl-list li .item:hover .tit:after{opacity: 1;filter:alpha(opacity=100);}







/* ============ 有问必答  ==========*/







.question-top .top-text p{margin-bottom: 40px;}



.question-wrap{background-color: #f6f8fb;padding:62px 0 0;overflow: hidden;}



.question-wrap .col-l{float: left;width: 72%;margin-top: 5px;}



.question-wrap .pro-title span{width: auto;padding:0 14px;position: relative;}



.question-box .pro-title span:after{content:'';width: 22px;height: 22px;background: url(../images/icon-time.png) no-repeat;position: absolute;top: -13px;right: -12px;}



.reply-box .pro-title span:after{content:'';width: 15px;height: 22px;background: url(../images/icon2.png) no-repeat;position: absolute;top: -13px;right:-8px;}







.question-box{margin-bottom: 70px;}



.question-list li{background-color: #fff;padding: 40px;border-radius: 4px;overflow: hidden;margin-bottom: 50px;}



.question-list li .pic-left{float: left;width: 32.7%;margin-top: 5px;}



.question-list li .pic-left .pic{padding-left: 6px;position: relative;z-index: 1;}



.question-list li .pic-left .pic img{display: block;width: 100%;border-radius: 4px;}



.question-list li .pic-left .pic:after{content:'';width: 8px;position: absolute;left: 0;top: 10px;bottom: 10px;background-color: #d8dade;z-index: -1;}



.question-list li .pic-left .p1{text-align: center;}



.question-list li .pic-left p{text-align: center;}



.question-list li .pic-left p span{display: inline-block;font-size: 16px;color: #333333;line-height: 40px;background-color: #fff;border-radius: 0 0 4px 4px;-webkit-box-shadow: 2px 2px 10px rgba(69,0,5,0.05);-moz-box-shadow: 2px 2px 10px rgba(69,0,5,0.05);-ms-box-shadow: 2px 2px 10px rgba(69,0,5,0.05);-o-box-shadow: 2px 2px 10px rgba(69,0,5,0.05);box-shadow: 2px 2px 10px rgba(69,0,5,0.05);padding:0 26px;}



.question-list li .pic-left p em{font-style: normal;color: #fb4b4b;}







.question-list li .text{float: right;width: 67.3%;padding-left: 40px;}



.question-list li .one{font-size: 18px;color: #666666;line-height: 28px;margin-bottom: 35px;}



.question-list li .one a{color: #666;}



.question-list li .one a:hover{color: #fb4b4b;}



.question-list li .two{position: relative;}



.question-list li .two .sub{position: absolute;right: 4px;top: -52px;}



.question-list li .two .sub img{border-radius: 50%;margin-left: 20px;-webkit-box-shadow: 4px 4px 10px rgba(69,0,5,0.1);-moz-box-shadow: 4px 4px 10px rgba(69,0,5,0.1);-ms-box-shadow: 4px 4px 10px rgba(69,0,5,0.1);-o-box-shadow: 4px 4px 10px rgba(69,0,5,0.1);box-shadow: 4px 4px 10px rgba(69,0,5,0.1);}



.question-list li .two .tit{display: block;text-align: center;background-color: #3a455b;font-size: 18px;color: #fff;line-height: 55px;border-radius: 4px;border: 1px solid #999999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;}



.question-list li .two p{font-size: 16px;color: #333333;line-height: 34px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;margin-top: 40px;}



.question-list li .other{margin-top: 70px;overflow: hidden;}



.question-list li .other .more{display: block;float: left;background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;cursor: pointer;font-size: 16px;color: #ffffff;line-height: 40px;border-radius: 4px;padding:0 24px;}



.question-list li .other .more:hover {background-position: right center;}



.question-list li .other span{display: block;float: right;font-size: 16px;color: #999999;line-height: 40px;}



.question-list li .two .tit:hover{color: #cf3535;}







.reply-box{margin-bottom: 112px;}



.reply-list{background-color: #fff;border-radius: 4px;padding:26px 26px 20px 30px;}



.reply-list li{position: relative;padding:18px 0 18px 70px;border-bottom: 1px dashed #f2f2f2;overflow: hidden;}



.reply-list li em{font-style: normal;font-size: 16px;color: #ffffff;background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);line-height: 25px;display: block;position: absolute;border-radius: 4px;padding:0 6px;left: 0;top: 18px;}



.reply-list li a{display: block;width: 75%;float: left;font-size: 16px;line-height: 25px;color: #333;}



.reply-list li span{display: block;float: right;font-size: 16px;line-height: 25px;color: #999;}



.reply-list li:hover a{color: #cf3535;padding-left: 10px;}



.reply-list li:last-child{border-bottom: none;}







.question-wrap .col-r{float: right;width: 22%;}



.question-wrap .col-r>strong{display: block;background-color: #344463;text-align: center;line-height: 60px;font-size: 26px;border-radius: 4px;color: #fff;margin-bottom: 5px;}



.question-wrap .col-r .box{-webkit-box-shadow: 8px 13px 27px rgba(0,16,47,0.14);-moz-box-shadow: 8px 13px 27px rgba(0,16,47,0.14);-ms-box-shadow: 8px 13px 27px rgba(0,16,47,0.14);-o-box-shadow: 8px 13px 27px rgba(0,16,47,0.14);box-shadow: 8px 13px 27px rgba(0,16,47,0.14);border-radius: 4px;}



.right-msg{background-color: #344463;border-radius:4px 4px 0 0;padding:30px 22px 12px;border-bottom:1px solid #9aa2b1;}



.right-msg select,.right-msg textarea,.right-msg input{display: block;width: 100%;margin-bottom: 18px;height: 40px;line-height: 40px;padding:0 6px 0 20px;font-size: 14px;color: #999999;}



.right-msg textarea{line-height: 24px;height: 105px;padding-top: 8px;padding-bottom: 8px;}



.right-msg .btn{margin-top:44px;font-size: 18px;color: #fff;background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;cursor: pointer;}



.right-msg .btn:hover{background-position: right center;}



.right-info{background-color: #344463;padding: 20px 32px 15px;}



.right-info p{color: #fff;font-size: 16px;line-height: 34px;}



.right-info .ewm{color: #fff;margin-top: 26px;}



.right-info .ewm span{display: block;font-size: 14px;line-height: 24px;}



.right-info .ewm strong{display: block;font-size: 28px;line-height: 38px;}



.info-btn{display: block;background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;cursor: pointer;font-size: 18px;line-height: 48px;text-align: center;color: #fff;border-radius: 0 0 4px 4px;}



.info-btn:hover{background-position: right center;}







.question-wrap .reply-box{margin-bottom: 0;}







/* ============ 关于我们 ==========*/







.about-num{position: relative;margin-top: -102px;margin-bottom: 100px;}



.number-ul{overflow: hidden;background: url(../images/about-bg.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border-radius: 4px;border-bottom: 5px solid #ef4c43;padding:34px 0 30px;-webkit-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);-moz-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);-ms-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);-o-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);box-shadow: 6px 3px 29px rgba(21,0,0,0.1);}



.number-ul li{float: left;width: 25%;text-align: center;}



.number-ul li span{display: inline-block;font-family: "Impact";line-height: 80px;color: #d53242;background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;position: relative;font-size: 20px;font-weight: bold;}



.number-ul li strong{font-size: 70px;margin-right: 8px;}



.number-ul li p{font-size: 20px;color: #333333;line-height: 30px;}



.number-ul li strong:after{content:'';width: 21px;height: 13px;background: url(../images/ab-arr.png) no-repeat;position: absolute;left: 50%;bottom: 8px;margin-left: -10px;}







.about-one{margin-bottom: 105px;}



.about-title p{line-height: 34px;}



.about-one ul{overflow: hidden;margin-top: 40px;margin-left: -3.33%;}



.about-one li{float: left;width: 30%;margin-left: 3.33%;}



.about-one li .pic img{display: block;width: 100%;border-radius: 4px;}



.about-one li p{margin-top: 25px;font-size: 22px;color: #333333;line-height: 32px;text-align: center;position: relative;}



.about-one li p:before{content:'';width: 6px;height: 25px;background:#e3674f;background: -moz-linear-gradient(left, #d53242 0%, #e3674f 100%);background: -webkit-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -o-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -ms-linear-gradient(left, #d53242 0%,#e3674f 100%);background: linear-gradient(to right, #d53242 0%,#e3674f 100%);position: absolute;top: 3px;left: 0;}







.about-two{background-color: #f1f3f6;padding-top: 90px;position: relative;margin-bottom: 105px;overflow: hidden;}



.about-two:before{content:'';width: 197px;height: 968px;background: url(../images/ab-txt.png) no-repeat;position: absolute;left: 0;top: 10px;}



.about-pro{padding-left: 230px;margin-top: 40px;position: relative;}



.about-pro .col-l{float: left;width: 50%;}



.about-pro .col-r{float: left;width: 50%;}



.cp-list{width: 586px;position: absolute;right: -1px;bottom: 0;overflow: hidden;}



.cp-list li{float: left;width: 100%;}







.cp-item{position: relative;}



.cp-item .img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.cp-item .img img{display: block;width: 100%;}



.cp-item .pic{display: block;position: absolute;-webkit-transform: scale(0);-moz-transform: scale(0); -o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);top: 0;right: 0;left: 0;bottom: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;opacity: 0;filter:alpha(opacity=0);}



.cp-item .pic>img{display: block;width: 100%;}



.cp-item .pic span{display: block;position: absolute;left: 0;bottom: 10px;font-size: 20px;color: #f64949;height: 38px;line-height: 38px;background: url(../images/ab-bg.png) no-repeat;padding-left: 32px;padding-right: 28px;cursor: pointer;opacity: 0;filter:alpha(opacity=0);}



.cp-item .pic span img{margin-left: 20px;width: 18px;height: 18px;margin-top: -4px;}



.cp-item:hover .pic{-webkit-transform: scale(1);-moz-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;filter:alpha(opacity=100);}



.cp-item:hover .img{-webkit-transform: scale(0);-moz-transform: scale(0); -o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);opacity: 0;filter:alpha(opacity=0);}



.cp-item:hover .pic span{opacity: 1;filter:alpha(opacity=100);}



.about-pro:before{content:'';width: 271px;height: 741px;background: url(../images/zb-pic.png) no-repeat no-repeat;position: absolute;left: 0;bottom: 0;z-index: 2;}







.about-three{margin-bottom: 100px;}



.about-three .about-title h2{font-weight: bold;}



.about-three .pic{margin-top: 42px;}



.about-three .pic img{display: block;width: 100%;}







.about-img img{display: block;width: 100%;}











/* ============ 服务支持  ==========*/







.service-top .top-text{width: 53%;}



.fw-one{position: relative;margin-top: -100px;z-index: 1;}



.fw-one ul{overflow: hidden;background-color: #ffffff;border-radius: 4px;border-bottom: 5px solid #ef4c43;-webkit-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);-moz-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);-ms-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);-o-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);box-shadow: 6px 3px 29px rgba(21,0,0,0.1);padding:48px 0 40px}



.fw-one li{float: left;width: 16.66%;text-align: center;position: relative;}



.fw-one li .img{margin-bottom: 14px;}



.fw-one li p{font-size: 20px;line-height: 30px;color: #666666;}



.fw-one li:before{content:'';width: 36px;height: 10px;background: url(../images/fw-dot.png) no-repeat;position: absolute;left: -18px;bottom: 54px;}



.fw-one li:first-child:before{display: none;}







.fw-two{background-color: #f1f3f6;padding-top: 198px;position: relative;margin-top: -100px;padding-bottom: 94px;}



.goods-ul{overflow: hidden;margin-left: -3.33%;}



.goods-ul li{float: left;width: 30%;margin-left: 3.33%;}



.goods-ul li .img img{display: block;border-radius: 4px;}



.goods-ul li strong{display: block;text-align: center;font-size: 22px;color: #333333;line-height: 32px;font-weight: normal;position: relative;margin-top: 25px;margin-bottom: 34px;}



.goods-ul li strong:before{content:'';width: 6px;height: 25px;background:#e3674f;background: -moz-linear-gradient(left, #d53242 0%, #e3674f 100%);background: -webkit-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -o-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -ms-linear-gradient(left, #d53242 0%,#e3674f 100%);background: linear-gradient(to right, #d53242 0%,#e3674f 100%);position: absolute;top: 3px;left: 0;}



.goods-ul li p{font-size: 18px;color: #666666;line-height: 34px;}







.fw-fitting{padding:50px 0;}



.fw-fitting .text{float: left;width: 33%;padding:0 106px 0 60px;margin-top: 76px;}



.fw-fitting .text strong{display: block;font-size: 40px;color: #333333;line-height: 50px;margin-bottom:42px;}



.fw-fitting .text p{font-size: 16px;color: #666666;line-height: 2em;margin-bottom: 104px;}



.fw-fitting .text .more-a{width: 280px;line-height: 80px;height: 80px;font-size: 22px;font-weight: bold;margin-right: 0;cursor: pointer;}



.fw-fitting .text .more-a img{margin-left: 10px;}



.fw-fitting .img{float: right;width: 67%;}



.fw-fitting .img img{display: block;width: 100%;}







/* ============ 联系我们 ==========*/







.contact-top .top-text{width: 100%;}



.contact-top .top-text .qt{overflow: hidden;}



.contact-top .top-text .lx-a{margin-right: 0;position: relative;z-index: 1;display: block;float: left;cursor: pointer;}



.lx-tel{display: block;/* background: url(../images/lx-bg.png) no-repeat left center; */line-height: 60px;position: relative;margin-left: -6px;color: #fff;padding-left: 66px;font-size: 28px;font-weight: bold;float: left;margin-top: -1px;cursor: pointer;}



.lx-tel strong{font-size: 36px;}



.lx-tel img{margin-right: 20px;margin-top: -4px;margin-left: 4px;}



.lx-a img{margin-left: 4px;}







.contact-one{margin-top: 70px;margin-bottom: 42px;}



.contact-one .img{position: relative;}



.contact-one .brand{position: absolute;right: -20px;bottom: -5px;width: 183px;}







.contact-msg,.inner-msg{background-color: #191e26;}



.show-msg{float: left;width: 51%;background-color: #191e26;padding:50px 0 42px 0;color: #fff;border-radius: 4px 4px 0 0;-webkit-box-shadow: 8px 13px 32px rgba(18,0,1,0.36);-moz-box-shadow: 8px 13px 32px rgba(18,0,1,0.36);-ms-box-shadow: 8px 13px 32px rgba(18,0,1,0.36);-o-box-shadow: 8px 13px 32px rgba(18,0,1,0.36);box-shadow: 8px 13px 32px rgba(18,0,1,0.36);position: relative;z-index: 1;}



.show-msg .show{padding-left: 26%;}



.show-msg .text{margin-bottom: 28px;padding-right: 50px;}



.show-msg .text strong{display: inline-block;font-size: 40px;line-height: 50px;padding-left: 68px;position: relative;color: #d53242;background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;margin-right: 20px;}



.show-msg .text strong:before{content:'';width: 28px;height: 28px;background: url(../images/index-icon.png) no-repeat left center;position: absolute;left: 0;top: 50%;margin-top: -14px;}



.show-msg .text span{font-size: 20px;color: #d53242;background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-weight: 700;}



.show-msg .text p{font-size: 16px;color: #fff;line-height: 30px;margin-top: 10px;}



.show-msg ul{padding-right: 50px;}



.show-msg li{float: left;width: 48%;margin-bottom: 22px;}



.show-msg li:first-child{margin-right: 4%;}



.show-msg li.txt-area{width: 100%;position: relative;}



.show-msg li>span{display: block;font-size: 20px;line-height: 30px;color: #fff;margin-bottom: 5px;}



.show-msg li>span i{font-style: normal;color: #ff0000;}



.show-msg li input,.show-msg li textarea{width: 100%;height:44px;line-height: 44px;outline: none;border:none;background: #fff;padding:0 12px;font-size: 16px;color: #333;}



.show-msg li textarea{height: 180px;line-height: 1.5;padding-top: 10px;padding-right: 33px;}







.show-msg .sub-btn{position: relative;display: inline-block;margin-bottom: 40px;}



.show-msg .sub-btn input{width: 240px;line-height: 60px;height: 60px;line-height:60px;background:#e3674f;background: -moz-linear-gradient(left, #d53242 0%, #e3674f 100%);background: -webkit-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -o-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -ms-linear-gradient(left, #d53242 0%,#e3674f 100%);background: linear-gradient(to right, #d53242 0%,#e3674f 100%);border-radius: 4px;font-size: 22px;color: #ffffff;font-weight: bold;padding-left: 68px;text-align: left;-webkit-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-moz-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-ms-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);-o-box-shadow: 5px 5px 13px rgba(69,0,5,0.2);box-shadow: 5px 5px 13px rgba(69,0,5,0.2);}



.show-msg .sub-btn:after{content:'';width: 20px;height: 20px;background: url(../images/icon-lx1.png) no-repeat;position: absolute;top: 50%;margin-top: -10px;right:60px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.show-msg .sub-btn:hover:after{right: 50px;}







.scroll-box{background-color: #282f3d;padding-left: 26%;overflow: hidden;}



.msg-scroll{height: 53px;background-color: #282f3d;}



.msg-scroll p{line-height: 53px;font-size: 16px;color: #e3e3e3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left: 38px;}



.msg-scroll p span{margin-left: 30px;}



.show-msg .str_wrap.str_active{background:#282f3d;}







.map-box{float: right;width: 49%;padding-top: 28px;background-color: #fff;}



#allmap{height: 627px;overflow: hidden;}



#allmap img{max-width: none;}



.map-msg{background-color: #fff;-webkit-box-shadow:0 0 10px rgba(45,0,7,0.1);-moz-box-shadow:0 0 10px rgba(45,0,7,0.1);-ms-box-shadow:0 0 10px rgba(45,0,7,0.1);-o-box-shadow:0 0 10px rgba(45,0,7,0.1);box-shadow:0 0 10px rgba(45,0,7,0.1);width: 400px;border-radius: 4px;padding-bottom: 10px;}



.map-msg img{display: block;width: 100%;border-radius: 4px;}



.map-msg p{font-size: 14px;line-height: 24px;padding:0 15px;}



.map-msg p strong{font-size: 18px;color: #e3674f;background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}







.inner-msg .show-msg .text strong{padding-left: 0;font-size: 40px;}



.inner-msg .show-msg .text strong:before{display: none;}



.inner-msg .show-msg .text span{font-size: 18px;}



.inner-msg .map-box{background-color: #f1f3f6;}



.video-msg .map-box{background-color: #fafbfc;}







.show-msg li .fast-btn{width: 32px;background: #d83f45;position: absolute;top: 35px;right: 0;bottom: 6px;text-align: center;line-height: 1.1;padding-top: 16px;font-size: 18px;cursor: pointer;}



.show-msg li .fast-btn img{margin-top: 4px;}



.fast-box{position: absolute;width:420px;overflow: hidden;background-color: #f1f3f6;padding:10px 12px 0 12px;height: 170px;right: 0;z-index: 9;top: 215px;display: none;}



.fast-box em{display: block;cursor: pointer;position: absolute;top: 0.1rem;right: 0.2rem;}



.fast-box p {font-size: 16px;color: #333333;line-height: 30px;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.fast-box p:hover{color: #f64949;}















/* ============ 产品列表 ==========*/







.list-top{position: relative;}



.list-top>img{display: block;width: 100%;min-height: 380px;}



.list-box{margin-top: 35px;}



.list-box .top-text{float: left;margin-top: 0;}



.list-box .btn-area{float: right;width: 50%;text-align: right;margin-top: 80px;}



.list-box .btn-area a{display: inline-block;}



.list-box .btn-area a img{margin-left: 4px;}



.list-box .btn-area .lx-a{margin-right: 4px; cursor: pointer;}







.cate-gory{position: relative;margin-top: -74px;z-index: 1;}



.cate-gory .wrap{background-color: #fff;border-radius: 4px;-webkit-box-shadow: 6px 3px 29px rgba(21,0,0,0.05);-moz-box-shadow: 6px 3px 29px rgba(21,0,0,0.05);-ms-box-shadow: 6px 3px 29px rgba(21,0,0,0.05);-o-box-shadow: 6px 3px 29px rgba(21,0,0,0.05);box-shadow: 6px 3px 29px rgba(21,0,0,0.05);}



.cate-gory li{float: left;width: 16.66%;text-align: center;padding:28px 0 20px;position: relative;}



.cate-gory li:after{content:'';width: 0;height: 4px;background-color: #f35555;position: absolute;left: 0;bottom: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.cate-gory li a{display: block;line-height: 72px;font-size: 18px;color: #333333;border-left: 1px solid #f5f5f5;}



.cate-gory li:first-child a{border-left:none;}



.cate-gory li:hover:after,.cate-gory li.on:after{width: 100%;}



.cate-gory li:hover a,.cate-gory li.on a{color: #f35555;font-weight: bold;}







.pro-wrap{background-color: #f6f8fb;position: relative;margin-top: -46px;padding-top: 118px;}







.same-pro{padding:68px 0;}







/* ============ 案例列表 ==========*/







.solution-top .top-text{margin-top: 35px;}



.solution-top .top-text p{margin-bottom: 68px;}



.solution-top .case-msg{margin-top: 0;}



.solution-top .case-msg .sub-btn{width: 200px;;padding-left: 0;position: relative;}



.solution-top .case-msg .sub-btn .btn{text-align:left;font-size: 18px;color: #fff;font-weight: bold;padding-left: 50px;}



.solution-top .case-msg .sub-btn:after{content:'';width: 16px;height: 16px;background: url(../images/index-icon1.png) no-repeat;position: absolute;top: 50%;margin-top: -8px;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;right: 54px;}



.solution-top .case-msg ul{width: 85%;}



.solution-top .case-msg li{width: 22%;}



.solution-top .case-msg .li1{width: 28%;}







.solution-gory{position: relative;margin-top: -45px;z-index: 1;}



.solution-gory .wrap{background-color: #fff;border-radius: 4px;-webkit-box-shadow: 6px 3px 29px rgba(21,0,0,0.05);-moz-box-shadow: 6px 3px 29px rgba(21,0,0,0.05);-ms-box-shadow: 6px 3px 29px rgba(21,0,0,0.05);-o-box-shadow: 6px 3px 29px rgba(21,0,0,0.05);box-shadow: 6px 3px 29px rgba(21,0,0,0.05);}



.solution-gory li{float: left;width: 20%;text-align: center;padding:28px 0 20px;position: relative;}



.solution-gory li:after{content:'';width: 0;height: 4px;background-color: #f35555;position: absolute;left: 0;bottom: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.solution-gory li:before{content:'';width: 20px;height: 20px;background: url(../images/index-icon.png) no-repeat;-webkit-background-size: 20px;background-size: 20px;position: absolute;top: 50%;margin-top: -6px;left: 68px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.solution-gory li a{display: block;line-height: 72px;font-size: 18px;color: #333333;border-left: 1px solid #f5f5f5;}



.solution-gory li:first-child a{border-left:none;}



.solution-gory li:hover:after,.solution-gory li.on:after{width: 100%;}



.solution-gory li:hover:before,.solution-gory li.on:before{opacity: 1;filter:alpha(opacity=100);}



.solution-gory li:hover a,.solution-gory li.on a{color: #f35555;font-weight: bold;}







.solution-item{background-color: #f6f8fb;padding-top: 110px;padding-bottom: 50px;}







/* ============ 物料列表 ==========*/







.wl-wrap{padding-top: 70px;background-color: #f6f8fb;padding-bottom: 98px;}







/* 页码 */



.pager-box{text-align: center;margin: 0 auto;}



.pager-box .prev{display: inline-block;vertical-align: middle;margin-top: -50px}



.pager-box .next{display: inline-block;vertical-align: middle;margin-top: -50px}



.pager-box ul{display: inline-block;overflow: hidden;}



.pager-box li{float: left;padding:0 3px;}



.pager-box li a,.pager-box li span{display: block;line-height: 60px;font-size: 18px;color: #333333;padding:0 16px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;cursor: pointer;}



.pager-box li a:hover,.pager-box li.on span{background-color: #f35555;color: #fff;}



.pager-box .prev a,.pager-box .prev span {padding:0 24px 0 46px;background: url(../images/page-left1.png) no-repeat 24px center;display: block;line-height: 60px;font-size: 18px;color: #333333;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;cursor: pointer;}



.pager-box .next a,.pager-box .next span {padding:0 46px 0 24px;background: url(../images/page-right1.png) no-repeat 92px center;display: block;line-height: 60px;font-size: 18px;color: #333333;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;cursor: pointer;}



.pager-box .prev a:hover{color: #f35555;background: url(../images/page-left01.png) no-repeat 24px center;}



.pager-box .next a:hover{color: #f35555;background: url(../images/page-right01.png) no-repeat 88px center;}







.pager-wrap .wrap{position: relative;z-index: 1;}



.pager-wrap .wrap:after{content:'';width: 100%;height: 79px;background: url(../images/pager.png) no-repeat center;position: absolute;left: 0;top: -5px;z-index: -1;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}



.pager-list{background-color: #fff;border:1px solid #f35555;border-radius: 4px;position: absolute;left: 0;width: 100%;bottom: 110px;z-index: 999;display: none;}



.pager-list:after{content:'';width: 30px;height: 16px;background: url(../images/pager-arr.png) no-repeat;position: absolute;bottom: -16px;left: 50%;}



.ul-pager{border-bottom: 1px solid #f35555;overflow: hidden;padding:18px 15px 10px;}



.ul-pager li{width: 10%;float: left;padding:0 15px;text-align: center;}



.ul-pager li a,.ul-pager li span{display: block;font-size: 18px;line-height: 32px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.ul-pager li.on span,.ul-pager li a:hover{color: #f35555;background-color: #f35555;color: #fff;}



.ul-tab-pager{overflow: hidden;padding-top: 26px;padding-bottom: 2px;}



.ul-tab-pager li{float: left;width: 20%;text-align: center;padding:0 29px;}



.ul-tab-pager li span{display: block;cursor: pointer;color: #666666;font-size: 18px;line-height: 32px;border:1px solid #666666;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;margin-bottom: 18px;}



.ul-tab-pager li.on span,.ul-tab-pager li span:hover{background-color: #f35555;border-color: #f35555;color: #fff;}







/* ============ 物料列表 ==========*/







.video-gory li {position: relative;}



.video-gory li:before{content:'';width: 17px;height: 17px;background: url(../images/icon-vlist.png) no-repeat;position: absolute;top: 50%;margin-top: -4px;left: 54px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.video-gory li:hover:before,.video-gory li.on:before{opacity: 1;filter:alpha(opacity=100);}



.video-gory li:hover a,.video-gory li.on a{color: #f35555;font-weight: bold;}







.video-wrap{position: relative;margin-top: -46px;padding-top: 115px;background-color: #f6f8fb;padding-bottom: 98px;}







/* ============ 新闻列表 ==========*/







.top-news{position: relative;}



.top-news img{display: block;width: 100%;min-height: 380px;}



.top-news .top-text{margin-top: 38px;}



.top-news .top-text p{margin-bottom: 40px;}



.top-news .top-text a{display: inline-block;text-align: center;width: 200px;line-height: 57px;color: #fff;font-size: 18px;border:1px solid #fff;margin-right: 14px;}



.top-news .top-text a.active{border:none;line-height: 60px;background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);}







.item-news{margin-bottom: 70px;}



.item-news li{overflow: hidden;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;padding:40px 0 32px;position: relative;z-index: 1;}



.item-news li:after{content:'';position: absolute;top: 0;left: 0;bottom: 0;z-index: -1;background-color: #f6f7fa;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;width: 0;}



.item-news li .date{float: left;width: 88px;text-align: center;}



.item-news li .date strong{display: block;font-size: 40px;color: #ffffff;line-height: 65px;background-color: #666666;margin-bottom: 5px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.item-news li .date span{display: block;font-size: 16px;color:#333;line-height: 26px;}



.item-news li .text{float: right;width: 90%;}



.item-news li .text .tit{display: block;font-size: 20px;color: #333333;line-height: 30px;font-weight: bold;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.item-news li .text .qt{color: #666666;line-height: 26px;margin-bottom: 8px;}



.item-news li .text .qt span{display: inline-block;}



.item-news li .text .autor{margin-right: 50px;}



.item-news li .text p{font-size: 16px;color: #666666;line-height: 28px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}



.item-news li:hover:after{width: 100%;}



.item-news li:hover .date strong{background-color: #d43737;}



.item-news li:hover .tit{color: #d43737;}







.pager-wrap{margin-bottom: 98px;}







/* ============ 有问必答列表 ==========*/







.answer-top{background-color: #3a455b;padding-bottom: 35px;}



.list-top.answer-top{background-color: #f6f8fb;}



.answer-top .top-text{margin-top: 35px;}



.answer-top .top-text p{margin-bottom: 68px;}



.answer-top .case-msg{margin-top: 0;}



.answer-top .case-msg .sub-btn{width: 200px;;padding-left: 0;position: relative;}



.answer-top .case-msg .sub-btn .btn{text-align:left;font-size: 18px;color: #fff;font-weight: bold;padding-left: 50px;}



.answer-top .case-msg .sub-btn:after{content:'';width: 16px;height: 16px;background: url(../images/pro-icon.png) no-repeat;position: absolute;top: 50%;margin-top: -6px;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;right: 54px;}



.answer-top .case-msg ul{width: 85%;}



.answer-top .case-msg li{width: 22%;}



.answer-top .case-msg .li1{width: 28%;}







.question-wrap{padding-bottom: 96px;}



.question-wrap .question-list {margin-bottom: 75px;}



.question-wrap .question-list li{padding:20px 40px 10px 20px;}



.question-wrap .question-list li .pic-left {width: 27%;}



.question-wrap .question-list li .pic-left .pic:after{display: none;}



.question-wrap .question-list li .pic-left .pic{padding-left: 0;}



.question-wrap .question-list li .pic-left p span{box-shadow:none;padding:0;}



.question-wrap .question-list li .pic-left .pic{object-fit: cover;overflow: hidden;border-radius: 4px;}



.question-wrap  .question-list li .text{width: 73%;}







/* ============ 视频内页 ==========*/







.video-inner{overflow: hidden;background: url(../images/vd-bg.jpg) no-repeat top center #fafbfc;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}







.video-area{background-color: #131621;overflow: hidden;margin-top: 30px;}



.video-area .vo-left{float: left;width: 74%;}



.video-area .vo-left video{display: block;width: 100%;}         



.video-area .text{overflow: hidden;padding:20px 240px 20px 26px;position: relative;}



.video-area .text h1{font-size: 28px;color: #fff;line-height: 38px;margin-bottom: 8px;}



.video-area .text p{display: inline-block;color: #fff;font-size: 14px;line-height: 24px;padding-left: 12px;position: relative;margin-right: 15px;}



.video-area .text p:before{content:'';width: 3px;height: 13px;border-radius: 1.5px;background-color: #f34747;position: absolute;left: 0;top: 6px;}



.video-area .text .pirce{display: block;width: 223px;height: 52px;text-align: center;background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);position: absolute;right: 0;top: 30px;font-size: 18px;color: #fff;background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;cursor: pointer;line-height: 52px;}



.video-area .text .pirce img{margin-left: 6px;}



.video-area .text .pirce:hover{background-position: right center;}



.video-area .vo-right{float: right;width: 26%;padding-left: 40px;padding-top: 20px;}



.side-box{padding-right: 20px;margin-bottom: 40px;}



.side-box ul{height: 280px;overflow: hidden;overflow-y: scroll;}



.side-box ul::-webkit-scrollbar {width: 4px;height: 1px;}



.side-box ul::-webkit-scrollbar-thumb {box-shadow: inset 0 0 1px #f3f3f3;background: #f35555;}



.side-box ul::-webkit-scrollbar-track {background: #fff;}



.side-box li{overflow: hidden;margin-bottom: 14px;}



.li-left{float: left;width: 48%;position: relative;}



.li-left span{display: block;position: absolute;right: 0;bottom: 0;font-size: 16px;color: #ffffff;line-height: 22px;width: 56px;text-align: center;background: #666666;}



.con-right{float: right;width: 52%;padding-left: 15px;}



.con-right .tit{font-size: 16px;line-height: 1.5em;color: #fff;display: block;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}



.con-right p{font-size: 16px;color: #fff;line-height: 26px;padding-left: 14px;background: url(../images/icon-vo.png) no-repeat left center;}



.con-right .tit:hover{color: #f35555;}



.side-box .more{display: block;font-size: 16px;color: #d73843;line-height: 26px;text-align: center;}



.side-box .more:hover{color: #fff;}



.vo-right .img{padding-right: 24px;margin-top: 22px;}



.vo-right .tel{position: relative;padding-top: 13px;background: url(../images/tel-bg.png) no-repeat top;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}



.vo-right .tel p{font-size: 16px;color: #fff;line-height: 26px;}



.vo-right .tel strong{display: block;font-size: 28px;line-height: 38px;color: #fc5a5a;background-image: -webkit-gradient(linear, 0 0, right 0, from(#fc4c4c), to(#fc5a5a));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}















.inner-top .side-right{float: right;width: 17%;margin-top: 36px;padding-bottom: 16px;}



.side-year{background: url(../images/year-side.png) no-repeat top center;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;padding-bottom: 35px;position: relative;}



.side-year:after{content: "";position: absolute;right: 0;top: 63px;width: 45px;height: 83px;background: url(../images/year-deng.png) no-repeat;animation:moves ease-in-out 1s infinite alternate;transform-origin:top;}



@keyframes moves{



    0%{transform:rotate(6deg)}



    100%{transform:rotate(-6deg)}



}



.side-year .cont{padding-top: 80px; margin-bottom: 20px;}



.side-year .tel strong{color: #FFF;font-size: 26px;-webkit-text-fill-color:#FFF;}



@media screen and (max-width: 1660px){



    .year-tab:before,.year-tab:after{display: none;}



    .year-tab .wrap{max-width: 1400px;}



}



@media screen and (max-width: 1599px){



    .year-tab .wrap{max-width: 1200px;}



    .side-year:after{top: 55px;}



    .side-year .cont{padding-left: 15px;padding-top: 66px;margin-bottom: 12px;}



    .side-year .cont p{margin-bottom: 12px;font-size: 15px;}



    .side-year .tel strong{font-size: 22px;}



}



@media screen and (max-width: 1240px){



    .side-r .tel{padding-left: 16px;}



    .side-year .tel strong{font-size: 20px;}



}



.side-bg{background-color: #131621;}



.side-right .pic{position: relative;padding-bottom: 20px;}



.get-pirce{display: block;line-height: 48px;text-align: center;background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);position: absolute;left: 14px;bottom: 0;right: 14px;font-size: 18px;color: #fff;background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;cursor: pointer;}



.get-pirce img{margin-left: 6px;}



.get-pirce:hover{background-position: right center;}











.video-cont{background-color: #fafbfc;}



.main-cont{padding-top: 70px;font-size: 18px;line-height: 2em;padding-bottom: 90px;}



.main-cont .left-cont{float: left;width: 71%;position: relative;}



.main-cont .left-cont h2,.main-cont .left-cont h3,.xg-bt{font-size: 28px;line-height: 38px;padding-left: 36px;position: relative;margin: 30px 0 20px;}



.main-cont .left-cont h2:before,.main-cont .left-cont h3:before,.xg-bt:before{content:'';width: 8px;height: 24px;background-color: #cf3535;position: absolute;top: 8px;left: 0;}



.xg-bt{display: block;}



.main-cont .left-cont p{margin-bottom: 20px;}



.main-cont .left-cont p.ms{text-align: center;margin-top: -5px;color:#666;}



.main-cont .left-cont p em{font-style: normal;}







.main-cont .right-side{float: right;width: 17%;}



.side-tit{background: #344463;text-align: center;line-height: 48px;font-size: 20px;color: #ffffff;display: block;font-weight: normal;}



.related-pro,.more-related{background-color: #fff;-webkit-box-shadow: 6px 6px 15px rgba(71,3,3,0.05);-moz-box-shadow: 6px 6px 15px rgba(71,3,3,0.05);-ms-box-shadow: 6px 6px 15px rgba(71,3,3,0.05);-o-box-shadow: 6px 6px 15px rgba(71,3,3,0.05);box-shadow: 6px 6px 15px rgba(71,3,3,0.05);margin-bottom:48px;}



.related-pro ul{padding: 20px 15px 10px;}



.related-pro li {margin-bottom: 10px;}



.related-pro li a{display: block;}



.related-pro li .img img{display: block;width: 100%;}



.related-pro li .tit{font-size: 16px;color: #333333;text-align: center;line-height: 36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.related-pro li:hover .tit{color: #cf3535;}







.main-cont table{margin-bottom: 30px;}



.main-cont table td{word-break: break-all;padding:5px 4px;font-size: 16px;}







/* ============ 案例内页 ==========*/



.case-inner{background: url(../images/cp-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 60px;}







.inner-top{margin-top: 22px;}



.inner-top .col-l{float: left;width: 81%;}



.inner-top .col-l h1{font-size: 34px;color: #fff;line-height: 44px;margin-bottom: 25px;}



.vo-box{overflow: hidden;background-color: #131621;}



.vo-box .mp{float: left;width: 72%;}



.vo-box .mp img{display: block;width: 100%;}



.vo-box .text{float: right;width: 28%;padding-left: 20px;color: #fff;padding-top: 36px;}



.vo-box .text p{font-size: 20px;line-height: 30px;padding-left: 16px;margin-bottom: 40px;position: relative;}



.vo-box .text p span{display: block;font-size: 18px;line-height: 28px;margin-top: 24px;}



.vo-box .text p:before{content:'';width: 8px;height: 20px;background-color: #f35555;position: absolute;left: 0;top: 8px;}



.vo-box .pirce{padding-right: 30px;}







.case-inner .side-right{padding-top: 20px;margin-top: 68px;padding-bottom: 0;padding-left: 34px;}



.case-inner .get-pirce{position: static;}



.case-inner .side-right>strong{display: inline-block;font-size: 22px;color: #fff;position: relative;z-index: 1;margin-bottom: 24px;font-weight: normal;}



.case-inner .side-right>strong:after{content: '';position: absolute;left: 0;right: 0;bottom: 5px;height: 5px;background-color: #f35555;z-index: -1;}







.case-inner .side-right ul{padding:0 10px 0 0;}



.case-inner .side-right li{overflow: hidden;margin-bottom: 35px;}



.case-inner .side-right li .pic-a{display: block;float: left;width: 55%;margin-right: 12px;}



.case-inner .side-right li .text-a{font-size: 14px;color: #ffffff;line-height: 24px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}



.case-inner .side-right li:hover .text-a{color: #f35555;}







.case-inner .other{overflow: hidden;color: #fff;margin-top: 15px;}



.case-inner .other .cont{float: left;}



.case-inner .other .cont p{display: inline-block;font-size: 18px;line-height: 28px;background: url(../images/icon-r.png) no-repeat left center;padding-left: 34px;background-size: 13px;margin-right: 40px;}



.case-inner .other .tel-p{float: right;font-size: 14px;line-height: 28px;}



.case-inner .other .tel-p strong{font-size: 24px;color: #f8a07d;background-image: -webkit-gradient(linear, 0 0, right 0,from(#fd4c4c), to(#f8a07d));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}







.case-part{padding:74px 0 70px;}



.case-part .col-l{float: left;width: 50%;padding-right: 42px;}



.case-h2{font-size: 30px;line-height: 40px;font-weight: normal;color: #333;margin-top: 22px;margin-bottom: 38px;}



.case-h2 span{background-color: #cf3535;display: inline-block;padding:0 10px 4px 12px;color: #fff;font-weight: bold;line-height: 40px;margin-right: 4px;}



.case-part .col-l p,.case-part1 .col-l p{font-size: 18px;color: #333;line-height: 2em;margin-bottom: 26px;position: relative;padding-left: 45px;}



.case-part .col-l p strong,.case-part1 .col-l p strong{display: block;font-size: 16px;color: #fff;line-height: 26px;width: 26px;text-align: center;height: 26px;background: url(../images/index-icon.png) no-repeat center;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;position: absolute;left: 0;top: 4px;font-weight: normal;}



.case-part .col-r{float: right;width: 50%;padding-left: 20px;}



.case-part .col-r img{display: block;width: 100%;}



.case-part video{display: block;width: 100%;}







.case-part1{background-color: #f1f3f6;padding: 70px 0;margin-bottom: 48px;}



.case-part1 .col-l{float: right;width: 57%;padding-left: 70px;}



.case-part1 .col-r{float: left;width: 43%;}



.case-part1 .col-r img{display: block;width: 100%;}







.case-part2{margin-bottom: 68px;}



.case-part2 h2{text-align: center;}



.case-part2 ul{overflow: hidden;margin-left: -1%;}



.case-part2 li{float: left;;width: 32.33%;margin-left: 1%;}



.case-part2 li img{display: block;width: 100%;}



.case-part2 p{margin-bottom: 30px;}







.case-info{overflow: hidden;background-color: #fff;padding-right: 62px;-webkit-box-shadow: 3px 6px 15px rgba(71,3,3,0.05);-moz-box-shadow: 3px 6px 15px rgba(71,3,3,0.05);-ms-box-shadow: 3px 6px 15px rgba(71,3,3,0.05);-o-box-shadow: 3px 6px 15px rgba(71,3,3,0.05);box-shadow: 3px 6px 15px rgba(71,3,3,0.05);position: relative;z-index: 1;}



.case-info .zx-btn{float: left;width: 213px;margin-right: 42px;cursor: pointer;}



.case-info .zx-btn img{display: block;width: 100%;}



.case-info .zx-btn strong{display: block;text-align: center;font-size: 18px;color: #fff;line-height: 48px;background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);font-weight: normal;background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;}



.case-info .zx-btn:hover strong{background-position: right center;}



.case-info h2{margin-bottom: 8px;margin-top: 20px;}



.case-info .info p{font-size: 18px;color: #333;line-height: 2em;}







.related-box{background-color: #f1f3f6;padding-top: 40px;position: relative;margin-top: 0px;padding-bottom: 50px;}



.related-box .title{overflow: hidden;margin-bottom: 20px;}



.related-box .title strong{display: block;background-color: #cf3535;font-size: 30px;float: left;color: #fff;line-height: 40px;padding:0 10px;margin-right: 18px;}



.related-box .title p{font-size: 16px;color: #666666;line-height: 26px;margin-top: 14px;}







.related-box .case-list{margin-left: -4%;}



.related-box .case-list li{width: 21%;margin-left: 4%;}



.related-box .case-list li .text{padding:10px 10px 15px 18px;}



.related-box .case-list li .text .tit{font-weight: normal;}



.related-box .case-list li .text:before{top: -6px;}



.related-box .case-list li .text .more{padding: 0px 11px 3px;}







/* ============ 产品内页 ==========*/







.pro-msg .map-box{background-color: #fff;}



.pro-inner{background: url(../images/pro-bg2.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 46px;}



.pro-inner .inner-top{margin-top: 36px;}



.pro-inner .cp-box{overflow: hidden;}



.pro-inner .cp-left{float: left;width: 48.6%;}



.pro-inner .cp-img{margin-bottom: 26px;}



.pro-inner .cp-left img{display: block;width: 100%;}



.cp-text {float: right;width: 49%;}



.cp-text h1{font-size: 32px;color: #fff;margin-bottom: 18px;line-height: 42px;padding-left: 16px;position: relative;}



.cp-text h1:before{content:'';width: 8px;height: 35px;background-color: #cf3535;position: absolute;left: 0;top: 5px;}



.cp-text .info{padding-right: 170px;overflow: hidden;margin-bottom: 18px;}



.cp-text .info dl{float: left;width: 50%;color: #fff;}



.cp-text .info dt{font-size: 16px;line-height: 26px;}



.cp-text .info dd{font-size: 20px;line-height: 30px;font-weight: bold;}



.cp-text .txt {margin-bottom: 20px;}



.cp-text .txt p{font-size: 16px;color: #fff;line-height: 2em;}



.cp-text .txt p a{color:#fff;}



.cp-text .txt p a:hover{color:#cf3535;}



.cp-text .wl{margin-bottom: 18px;}



.cp-text .wl p{font-size: 16px;color: #fff;line-height: 26px;margin-bottom: 5px;}



.cp-text .wl p strong{font-weight: normal;}



.cp-text .wl ul{overflow: hidden;margin:0 -17px;width: 428px;}



.cp-text .wl li{float: left;width: 33.3%;padding:0 17px;}



.cp-text .wl li img{display: block;width: 100%;}



.pirce-box{margin-top: 27px;}



.pirce-box .pirce{display: inline-block;width: 220px;height: 48px;line-height: 48px;background-color: #e53536;text-align: center;font-size: 18px;color: #fff;cursor: pointer;}



.pirce-box .pirce a {color: #fff;}



.pirce-box .pirce img{vertical-align: middle;margin-top: -2px;margin-right: 2px;}



















.pro-tab{background-color: #fff;-webkit-box-shadow: 0 3px 24px rgba(69,0,5,0.1);-moz-box-shadow: 0 3px 24px rgba(69,0,5,0.1);-ms-box-shadow: 0 3px 24px rgba(69,0,5,0.1);-o-box-shadow: 0 3px 24px rgba(69,0,5,0.1);box-shadow: 0 3px 24px rgba(69,0,5,0.1);}



.pro-tab ul{overflow: hidden;}



.pro-tab li{float: left;width: 20%;text-align: center;position: relative;}



.pro-tab li a{display: block;font-size: 16px;color: #333;line-height: 64px;}



.pro-tab li:after{content:'';width: 1px;height: 20px;background-color: #e0e0e0;position: absolute;left: 0;top: 50%;margin-top: -10px;}



.pro-tab li:first-child:after{display: none;}



.pro-tab li.one{text-align: left;width: 18%;padding-left: 20px;}



.pro-tab li.last{text-align: right;width: 18%;padding-right: 40px;}



.pro-tab li:hover a{color: #f35555;}















.side-scroll{background-color: #fff;position: relative;height: 32px;padding-left: 32px;overflow: hidden;}



.side-scroll:before{content:'';width: 26px;height: 32px;background: url(../images/icon-z.png) no-repeat center #f35555;position: absolute;left: 0;top: 0;z-index: 1;}



.side-scroll span{font-size: 14px;color: #666666;line-height: 32px;margin-right: 10px;}



.side-right .cont{padding-left: 20px;position: relative;z-index: 1;}



.side-right .cont p{font-size: 18px;color: #ffffff;line-height: 28px;padding-left: 36px;background: url(../images/icon-r.png) no-repeat left center;margin-bottom: 20px;}



.side-r .pic{position: relative;margin-top: -30px;}











.pro-cont{padding-top: 60px;}



/* .pro-cont .right-side{margin-top: 52px;} */



.more-related ul{padding:20px 15px 1px;}



.more-related li{text-align: center;margin-bottom: 20px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.more-related li a{display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 18px;color: #666666;line-height: 48px;border: 1px solid #666666;padding:0 5px;}



.more-related li:hover{background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);}



.more-related li:hover a{color: #fff;border-color: transparent;}







.advantage{margin-bottom: 10px;}



.advantage li {padding-left: 38px;}



.advantage li strong{display: block;font-size: 22px;color: #333333;font-weight: normal;position: relative;margin-bottom: 4px;}



.advantage li strong span{display: block;font-size: 16px;width: 26px;height: 26px;color: #fff;line-height: 26px;text-align: center;position: absolute;left: -38px;top: 4px;background: url(../images/index-icon.png) no-repeat center;-webkit-background-size: 26px;background-size: 26px;}



.advantage li p{color: #666666;}







.main-cont .left-cont p a{color: #cf3535;}



.main-cont .left-cont p>a:hover{text-decoration: underline;}



.main-cont .left-cont p a.cpxqzx,.span_zixun{color: #fff;padding:0 16px;display: inline-block;background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);margin:0 5px;cursor: pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.main-cont .left-cont p a.cpxqzx:hover,.span_zixun:hover{border-radius:16px 0 16px 0;}







.tab-cs li{display: inline-block;margin-right: 30px;margin-bottom: 30px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.tab-cs li span{display: block;padding:0 28px;font-size: 18px;color: #666666;line-height: 46px;border: 1px solid #666666;cursor: pointer;}



.tab-cs li.on,.tab-cs li:hover{background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);}



.tab-cs li.on span,.tab-cs li:hover span{border-color: transparent;color: #fff;}



.cs-box table{width: 100%;}



.cs-box table td {padding: 5px 2px;word-break: break-all;}



.one-color{background: #cf3535;background: -webkit-linear-gradient(left, #cf3535, #fd4c4c);background: -o-linear-gradient(right, #cf3535, #fd4c4c);background: -moz-linear-gradient(right, #cf3535, #fd4c4c);background: linear-gradient(to right, #cf3535, #fd4c4c);color: #fff;}



.one-td{background: #cf3535;color: #fff;}







.xg-case{margin-top: 40px;}



.xgcase-list{margin-left: -3%;}



.xgcase-list li{float: left;width: 47%;margin-left: 3%;overflow: hidden;background-color: #fff;-webkit-box-shadow: 6px 10px 21px rgba(210,61,71,0.05);-moz-box-shadow: 6px 10px 21px rgba(210,61,71,0.05);-ms-box-shadow: 6px 10px 21px rgba(210,61,71,0.05);-o-box-shadow: 6px 10px 21px rgba(210,61,71,0.05);box-shadow: 6px 10px 21px rgba(210,61,71,0.05);position: relative;}



.xgcase-list li .pic{display: block;float: left;width: 50%;position: relative;}



.xgcase-list li .pic img{display: block;width: 100%;}



.xgcase-list li .pic:after{content: '';width: 0;height: 2px;position: absolute;left: 0;bottom: 0;background: #cf3535;background: -webkit-linear-gradient(left, #cf3535, #fd4c4c);background: -o-linear-gradient(right, #cf3535, #fd4c4c);background: -moz-linear-gradient(right, #cf3535, #fd4c4c);background: linear-gradient(to right, #cf3535, #fd4c4c);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.xgcase-list li .text{float: left;width: 50%;padding:28px 15px 0;}



.xgcase-list li .text .tit{display: block;font-size: 18px;line-height: 22px;color: #333333;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 18px;}



.xgcase-list li .text p{margin-bottom: 0;font-size: 16px;color: #666666;line-height: 26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 5px;}



.xgcase-list li .text .more{display: block;position: absolute;width: 46px;height: 25px;right: 0;bottom: 0;background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);text-align: center;}



.xgcase-list li .text .more img{display: inline-block;vertical-align: middle;margin-top: -16px;}



.xgcase-list li .pic img{display: block;width: 100%;}



.xgcase-list li:hover .pic:after{width: 100%;}



.xgcase-list li:hover .text .tit{color: #cf3535;}







.xg-top{position: relative;}



.xg-top a{display: block;position: absolute;right: 0;bottom: 0;font-size: 14px;color: #666666;line-height: 34px;}



.xg-top a:hover{color: #cf3535;}







.xg-news{margin-top: 70px;}



.xw-list li{overflow: hidden;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;border-radius: 4px;margin-bottom: 30px;}



.xw-list li .pic{display: block;float: left;width: 242px;overflow: hidden;object-fit: cover;border-radius: 4px 0 0 4px;height: 160px;}



.xw-list li .pic img{display: block;width: 100%;}



.xw-list li .text{float: right;width: 75%;padding:15px 30px 0 18px;}



.xw-list li .text .tit{font-size: 22px;color: #333333;line-height: 32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 55px;display: block;}



.xw-list li .text .time{overflow: hidden;}



.xw-list li .text .time span{display: block;font-size: 16px;color: #666666;line-height: 36px;float: left;}



.xw-list li .text .time a{float: right;}



.xw-list li:hover{-webkit-box-shadow: 0 4px 16px rgba(69,0,5,0.05);-moz-box-shadow: 0 4px 16px rgba(69,0,5,0.05);-ms-box-shadow: 0 4px 16px rgba(69,0,5,0.05);-o-box-shadow: 0 4px 16px rgba(69,0,5,0.05);box-shadow: 0 4px 16px rgba(69,0,5,0.05);background-color: #fff;}



.xw-list li .tit:hover {color: #cf3535;}



.xw-list li:hover .time a{margin-right: 14px;}







/* ============ 新闻内页 ==========*/







.news-inner{background: url(../images/new-bg1.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 40px;}



.news-inner .top{color: #fff;margin-top: 30px;}



.news-inner .top h1{font-size: 32px;line-height: 42px;margin-bottom: 30px;}



.news-inner .top span{display: inline-block;font-size: 14px;line-height: 24px;margin-right: 16px;}







.news-cont{background-color: #f1f3f6;}



.side-r {margin-bottom: 52px;padding-bottom: 15px;}



.side-r .cont p{font-size: 16px;padding-left: 22px;margin-bottom: 18px;}



.side-r .tel {color: #fff;padding-left: 22px;}



.side-r .tel p{font-size: 14px;line-height: 24px;}



.side-r .tel strong{display: block;font-size: 24px;line-height: 34px;color: #f8a07d;background-image: -webkit-gradient(linear, 0 0, right 0, from(#fd4c4c), to(#f8a07d));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}







.news-inner .top .line-a{display: inline-block;font-size: 18px;color: #fff;line-height: 40px;background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;padding:0 32px;border-radius: 4px;cursor: pointer;margin-left: 24px;}



.news-inner .top .line-a img{margin-left: 8px;}



.news-inner .top .line-a:hover{background-position: right center;}











.prev-box{background-color: #fff;margin: 40px 0;padding:0 40px;-webkit-box-shadow: 6px 6px 15px rgba(71,3,3,0.05);-moz-box-shadow: 6px 6px 15px rgba(71,3,3,0.05);-ms-box-shadow: 6px 6px 15px rgba(71,3,3,0.05);-o-box-shadow: 6px 6px 15px rgba(71,3,3,0.05);box-shadow: 6px 6px 15px rgba(71,3,3,0.05);}



.prev-box li{font-size: 20px;line-height: 50px;color: #5b6770;padding:28px 0 26px;overflow: hidden;}



.prev-box li span{display:block;color: #cf3535;float: left;}



.prev-box li span img{margin-right: 28px;}



.prev-box li:first-child{border-bottom: 1px dashed #d0d0d0;}



.prev-box li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}



.prev-box li:hover a{color: #cf3535;}







/* ============ 问答内页 ==========*/







.question-inner{background: url(../images/wd-bg1.jpg) no-repeat top center;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}



.question-inner .top{color: #fff;background-color: #101b2c;margin-top: 45px;border-bottom:4px solid #d14540;padding: 25px 52px;position: relative;z-index: 1;}



.question-inner .top h1{font-size: 30px;color: #fff;line-height: 40px;margin-bottom: 20px;}



.question-inner .top span{display: inline-block;font-size: 16px;line-height: 26px;margin-right: 20px;}



.question-inner .top .pic{position: absolute;right: 10px;bottom: 30px;}







.question-cont{background-color: #f1f3f6;position: relative;margin-top: -20px;padding-top: 90px;}







.side-r .piece{padding:20px 14px 0;text-align: center;margin-bottom: 15px;}



.side-r .piece .p1{font-size: 16px;color: #fff;line-height: 36px;}



.side-r .piece .p2{font-size: 16px;color: #fb4b4b;line-height: 23px;border:1px dashed #fb4b4b;}



.question-cont .side-r .cont{padding-top: 0;margin-bottom: 20px;}



.question-cont .side-r .pic{padding:0 14px;margin-top: 0;}



.question-cont .side-r .get-pirce{position: static;}











/* ============ 物料内页 ==========*/







.wl-inner{background: url(../images/wl-bg1.jpg) no-repeat top center #f1f3f6;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}



.wl-area{width: 71%;background-color: #101b2c;overflow: hidden;margin-top:52px;padding-bottom: 26px;position: relative;}



.wl-area .left{float: left;width: 70%;padding-left: 40px;color: #fff;padding-top: 25px;}



.wl-area .left h1{font-size: 30px;line-height: 40px;margin-bottom: 10px;}



.wl-area .left p{font-size: 16px;line-height: 26px;margin-bottom: 22px;}



.wl-area .wl-btn{float: right;width: 24.5%;padding-right:30px;padding-top: 106px;position: relative;}



.wl-area .wl-btn .pirce{display: block;height: 48px;text-align: center;background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);font-size: 18px;color: #fff;background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;cursor: pointer;line-height: 48px;}



.wl-area .wl-btn .pirce img{margin-left: 6px;}



.wl-area .wl-btn .pirce:hover{background-position: right center;}



.wl-area .wl-btn span{position: relative;z-index: 1;}



.wl-area .wl-btn:after{content: '';width: 99px;height: 170px;background: url(../images/wl-gcs.png) no-repeat;position: absolute;top: 8px;left: 70px;}







.wl-area:after{content:'';width: 100%;height: 5px;position: absolute;left: 0;bottom: 0;background:#d14540;background: -moz-linear-gradient(left, #ef4c43 0%, #d14540 100%);background: -webkit-linear-gradient(left, #ef4c43 0%,#d14540 100%);background: -o-linear-gradient(left, #ef4c43 0%,#d14540 100%);background: -ms-linear-gradient(left, #ef4c43 0%,#d14540 100%);background: linear-gradient(to right, #ef4c43 0%,#d14540 100%);}







.wl-cont{padding-top: 88px;background-color: #f1f3f6;}



.wl-cont .ewm{padding-top: 20px;padding-bottom: 5px;}







.solution-ul{margin-left: -2%;}



.solution-ul li{float: left;width: 48%;margin-left: 2%;margin-bottom: 30px;}



.solution-ul li .pic{width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 74.58%;display: block;}



.solution-ul li .pic img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}



.solution-ul li .tit{display: block;font-size: 20px;color: #333333;line-height: 66px;background-color: #ffffff;padding:0 50px 0 30px;position: relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.solution-ul li .tit:after{content:'';width: 40px;height: 25px;background: url(../images/wl-arr.jpg) no-repeat;position: absolute;right: 0;top: 50%;margin-top: -10px;}



.solution-ul li .tit:before{content:'';width: 0;height: 3px;background:#cf3535;background: -moz-linear-gradient(right, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(right, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(right, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(right, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to left, #fd4c4c 0%,#cf3535 100%);position: absolute;top: 0;left: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.solution-ul li .tit:hover{color: #f64949;}



.solution-ul li:hover .tit:before{width: 100%;}







/* ============ 产品相关列表 ==========*/







.more-article{background-color: #3a455b;padding-bottom: 35px;}



.more-article h1{margin-top: 36px;color: #fff;font-size: 40px;line-height: 50px;}



.more-article h1 a{color: #f35555;margin:0 10px;}



.more-article h1 a:hover{text-decoration: underline;}



.article-box{background-color: #f6f8fb;}



.article-box .col-l{float: left;width: 71%;}



.related-pro .pro{padding: 20px 15px 10px;}



.related-pro .pro a{display: block;}



.related-pro .pro .img img{display: block;width: 100%;}



.related-pro .pro .tit{font-size: 16px;color: #333333;text-align: center;line-height: 36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.related-pro .pro:hover .tit{color: #cf3535;}



.article-box .right-side{margin-top: 15px;}



.article-list li{overflow: hidden;position: relative;padding:8px 0 14px;}



.article-list li a{display: block;float: left;width: 80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 20px;line-height: 40px;color: #333333;}



.article-list li span{display: block;float: right;font-size: 16px;color: #999999;line-height: 40px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.article-list li:before{content:'';width: 95%;border-top: 1px dashed #e9ebee;position: absolute;right: 0;top: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.article-list li:hover a{color: #f64949;}



.article-list li:hover span{color: #f64949;}







/* ============ 404 ==========*/







.error-box{text-align: center;padding-top: 110px;}



.error-box strong{display: block;font-size: 24px;line-height: 34px;margin-top: 42px;margin-bottom: 20px;}



.error-box p{font-size: 16px;line-height: 26px;}



.error-box p a:hover{color: #cf3535;}



.error-box .return-home{display: inline-block;background:#cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);font-size: 18px;color: #ffffff;line-height: 48px;width: 360px;margin-top: 25px;border-radius: 4px;background-repeat: no-repeat;background-position: left center;background-size:  200% 100%;transition: background-position .6s ease;margin-bottom: 20px;}



.error-box .return-home:hover{background-position: right center;}











/* ============ 商务通 ==========*/



/* 新年商务通 */



.year-fixed{position: fixed;right: 10px;bottom: 20%;width: 171px; background: url(../images/year-bg.png) no-repeat;padding-top: 120px;padding-bottom: 15px; text-align: center;z-index: 9999;}



.year-niu{position: absolute;top: 0;cursor: pointer;}



.year-fixed ul{width: 80px;margin:0 auto;}



.year-fixed li{height: 100px;text-align: center;font-size: 20px;line-height: 46px;cursor: pointer;position: relative;}



.year-fixed li.year-list01{border-bottom:1px solid #D48585;}



.year-fixed li.year-list01 a{padding-top: 44px; background: url(../images/year-icon01.png) no-repeat top center;}



.year-fixed li.year-list02 span{padding-top: 44px; background: url(../images/year-icon02.png) no-repeat top center;}



.year-fixed li a,.year-fixed li span{display: block; color: #ffd9c1;text-shadow: 5px 5px 13px rgba(69,0,5,.2);}



.year-fixed li:hover a,.year-fixed li:hover span{color: #FFF;}



.year-top{width: 120px;margin: 22px auto; line-height: 28px;cursor: pointer;color: #a8182e;background: url(../images/year-top.png) no-repeat top center;padding-top: 4px;}



.year-top img{margin-left: 4px;}



.year-top:hover{font-weight: bold;}



.year-tel{ position:absolute;right:-20px;top:0;padding:6px;background: url(../images/year-tel.png) no-repeat;width: 306px; display: none;z-index: 9;}



.year-tel img{float:left;width: 84px;}



.year-tel p{display: block;overflow: hidden;color: #FFF;font-size: 20px;line-height: 1.2;margin-top: 10px;}



.year-tel p i{color: #fc4b4b;font-style: normal;}



.year-tel p strong{display:block;font-size:24px;color:#f14646;margin-top: 13px;}







/*.fixed-right{position: fixed;width: 136px;right: 20px;bottom: 200px;text-align: center;z-index: 9999;height: 311px;}*/



/*.fixed-right>img{border-radius: 0 0 68px 68px;-webkit-box-shadow: 6px 9px 29px rgba(69,0,5,0.15);-moz-box-shadow: 6px 9px 29px rgba(69,0,5,0.15);-ms-box-shadow: 6px 9px 29px rgba(69,0,5,0.15);-o-box-shadow: 6px 9px 29px rgba(69,0,5,0.15);box-shadow: 6px 9px 29px rgba(69,0,5,0.15);}*/



/*.fixed-right .fixed{position: relative;}*/



/*.fixed-right:before{content:'';width:140px;height:130px;background:url(../images/flx-kf.png) no-repeat;position: absolute;top: -130px;left: 0;}*/



/*.fixed-right:after{content:'';width: 37px;height: 37px;background: url(../images/flx-img.png) no-repeat;position: absolute;left: -18px;top: -24px;z-index: -1;}*/



/*.fixed-right .fix-ul{position: absolute;top: 0;width: 100%;left:0;height: 311px;z-index: 99990;}*/



/*.fix-ul li{text-align: center;cursor: pointer;}*/



/*.fix-ul .fix-tel{font-size: 24px;font-weight: bold;color: #cd2738;line-height: 60px;text-shadow: 5px 5px 13px rgba(69,0,5,0.15);position: relative;z-index: 1;}*/



/*.fix-ul .fix-tel:after{content:'';position: absolute;left: -6px;right: -6px;top: -2px;bottom: -2px;background:#ffffff;background: -moz-linear-gradient(left, #f2e7d5 0%, #ffffff 100%);background: -webkit-linear-gradient(left, #f2e7d5 0%,#ffffff 100%);background: -o-linear-gradient(left, #f2e7d5 0%,#ffffff 100%);background: -ms-linear-gradient(left, #f2e7d5 0%,#ffffff 100%);background: linear-gradient(to right, #f2e7d5 0%,#ffffff 100%);border: 1px solid #f37e71;z-index: -1;}*/



/*.fix-ul .fix-tel img{position: absolute;right: -10px;top: 15px;}*/



/*.fix-ul li span{display: block;font-size: 20px;color: #ffd9c1;line-height: 30px;margin-top: 2px;}*/



/*.fix-zx,.fix-ly{padding: 20px 0 15px;}*/



/*.fix-zx{position: relative;}*/



/*.fix-zx .box{overflow: hidden;background-color: #ffffff;border: 1px solid #f14646;position: absolute;top: 3px;right: 0;bottom: 0;width: 300px;display: none;padding: 4px;}*/



/*.fix-zx .box img{float: left;display: block;width: 84px;}*/



/*.fix-zx .box .text{margin-top: 14px;}*/



/*.fix-zx .box p{font-size: 16px;color: #33507a;line-height: 28px;}*/



/*.fix-zx .box p i{font-style: normal;color: #e83148;}*/



/*.fix-zx .box strong{display: block;font-size: 20px;color: #e83148;line-height: 34px;}*/



/*.fix-ul li.return-top{width: 86px;height: 44px;border-radius:43px 43px 0 0 ;position: absolute;bottom:0;left:50%;margin-left: -43px;color:transparent;line-height:44px;font-size:20px}*/



/*.fix-ul li:hover span{color: #fff;}*/











.fixed-box{width: 384px;position: fixed;bottom: -100%;right: 0;z-index: 99991;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.fix-colse{width: 75px;height: 30px;position: absolute;right: 4px;top: 10px;cursor: pointer;display: block;}



.fixed-box.open{bottom: 0;}







.chat-btn{position: fixed;right: 60px;width: 50px;height: 50px;bottom: 100px;border-radius: 50%;background: url(../images/icon-chact.png) no-repeat center #3498db;background-size: 24px;cursor: pointer;display: none;z-index: 9999;}



.chat-btn i{display: block;width: 12px;height: 12px;background-color: #fd4c4c;border-radius: 50%;position: absolute;top: 0;left: 0;}











/* ============ 内页悬浮导航 ==========*/



.toc{overflow-y:auto}



.toc>.toc-list{overflow:hidden;position:relative}



.toc>.toc-list li{list-style:none}



.toc-list{margin:0;padding-left:10px}



a.toc-link{color:currentColor;height:100%}



.is-collapsible{max-height:1000px;overflow:hidden;transition:all 300ms ease-in-out}



.is-collapsed{max-height:0}



.is-position-fixed{position:fixed !important;top:0}



.is-active-link{font-weight:700}



.toc-link::before{background-color:#EEE;content:' ';display:inline-block;height:inherit;left:0;margin-top:-1px;position:absolute;width:2px}



.is-active-link::before{background-color:#54BC4B}







.side-auto{position: fixed;width: 140px;-webkit-box-shadow:0 0 15px rgba(71,3,3,0.05);-moz-box-shadow:0 0 15px rgba(71,3,3,0.05);-ms-box-shadow:0 0 15px rgba(71,3,3,0.05);-o-box-shadow:0 0 15px rgba(71,3,3,0.05);box-shadow:0 0 15px rgba(71,3,3,0.05);bottom: 40%;left: 50%;overflow: hidden;padding:20px 0 20px 18px;z-index: 99;background-color: #fff;margin-left: 300px;display: none;}







.side-auto .toc-link::before{left: -10px;}



.toc-list li{position: relative;padding-bottom: 10px;padding-right: 4px;}



.toc-list .toc-link{color: #666666;line-height: 24px;font-size: 14px;display: block;}



.toc-list li:after{content: "";position: absolute;left: -11px;top: 10px;width: 4px;height: 3px;background-color: #dddddd;}



.is-active-link::before{background-color: #EEE;}



.toc-list li.is-active-li:after{width: 5px;height: 8px;background-color: #cf3535;}







/* ============ 更多问答列表 ==========*/







.xg-question{margin-top: 60px;}



.xg-question .reply-list{background-color: transparent;padding:0;}



.xg-question .reply-list li{border-color: #e5e7e9;}











.answer-top h1{font-size: 40px;color: #ffffff;line-height: 50px;margin-top: 38px;}



.answer-top h1 em{font-style: normal;}



.answer-top h1 strong{color: #f35555;margin-right: 10px;}







/* ============ 案例聚合页 ==========*/







.solution-box{background-color: #f7f9fc;padding-top: 68px;}



.wl-box{padding-top: 54px;}







/* ============ 特殊样式 ==========*/







.video-cs{background:url(../images/videocs_bg.jpg) no-repeat;background-size:100% 100%;width:100%;padding:5px 60px 50px;box-sizing:border-box;margin-bottom: 30px;}



.main-cont .video-cs h3{font-size:26px;margin-bottom:30px;color:#fff;font-weight:700;margin:25px 0 25px;text-align:center}



.main-cont .video-cs h3:before{width:82px;height:21px;content:"";display:inline-block;background:url(../images/icb1.png) no-repeat;position:static;margin-right:15px}



.main-cont .video-cs h3:after{width:82px;height:21px;content:"";display:inline-block;background:url(../images/icb2.png) no-repeat;position:static;margin-left:15px}



.video-cs table{margin:0 auto;border:12px solid #fff;width:100%;box-shadow:0 0 30px rgba(44,80,179,.2)}



.video-cs table tbody{background:#fff}



.video-cs table td{padding:14px 10px;}



.video-cs table td p{margin:0;text-align:center;text-indent:0}



.video-cs a{padding:25px 10px 65px;border-radius:20px;color:#6b86cf;height:100%;text-decoration:underline;text-align:left;line-height:2em;background:#ebf0ff;position:relative}



.video-cs a:after{background:url(../images/vd_cs.png) no-repeat;width:52px;height:52px;content:"";display:block;position:absolute;left:50%;margin-left:-26px;bottom:10px}







.content_video{text-align:center}



.content_video video{width:800px;display:block;margin:0 auto;outline:0}



.content_video p{font-size:16px;background:#fd4c4c;background:-webkit-linear-gradient(left,#fd4c4c,#cf3535);background:-o-linear-gradient(right,#fd4c4c,#cf3535);background:-moz-linear-gradient(right,#fd4c4c,#cf3535);background:linear-gradient(to right,#fd4c4c,#cf3535);color:#fff;padding:10px 60px;margin:15px auto;display:inline-block;border-radius:30px;text-indent:0}







.icon-one{background-image:url(../images/icon-newzs-one.png);background-repeat:no-repeat;background-size:26px;background-position:left 5px;text-indent:3em}



.icon-two{background:url(../images/icon-newzs-two.png) no-repeat left 5px;background-size:26px;text-indent:3em}



.icon-three{background:url(../images/icon-newzs-three.png) no-repeat left 5px;background-size:26px;text-indent:3em}



.icon-four{background:url(../images/icon-newzs-fore.png) no-repeat left 5px;background-size:26px;text-indent:3em}



.icon-five{background:url(../images/icon-newzs-five.png) no-repeat left 3px;background-size:30px;text-indent:3em}



.icon-six{background:url(../images/icon-newzs-six.png) no-repeat left 3px;background-size:30px;text-indent:3em}







.wz-csb2{text-align:center;margin:24px auto}



.wz-csb2 a{border-radius:15px;font-size:18px;color:#263560;position:relative;background:#ffa6b4;padding:18px 7px}



.wz-csb2 a:before{position:absolute;left:-10px;top:50%;transform:translateY(-50%);background:url(../m{dede:global.cfg_templets_skin/}/images/wz_icon2.png) no-repeat;background-size:100% 100%;width:37px;height:45px;content:"";display:block}



.wz-csb2 a span{font-size:18px;color:#263560;border:1px solid #fff;padding:12px 20px 12px 30px;border-radius:7px}







.wz-csb3{text-align:center;margin:24px auto}



.wz-csb3 a{border:1px solid #751212;padding:10px 72px 10px 24px;font-size:18px;color:#033;border-radius:6px;position:relative;background:#fff}



.wz-csb3 a:before{content:"";display:block;width:102%;background:#fa2346;background-size:100% 100%;border:1px solid #751212;height:52px;position:absolute;left:-2%;z-index:-2;border-radius:20px 0 10px 10px}



.wz-csb3 a:after{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:30px;height:30px;background:url(../m{dede:global.cfg_templets_skin/}/images/wz_icon3.png) no-repeat;background-size:100% 100%;content:"";display:block}



.wz-csb3 a span{font-size:18px;color:#033}







.new-bgys{background:#e6ecfa;border:1px dashed #b1c3ee;margin-top:15px;margin-bottom:15px;padding:0 30px;box-sizing:border-box;overflow:hidden;padding-top: 15px;}



.new-bgys p.dj{overflow:hidden;padding-right:45px}



.new-bgys p.dj a{float:right;position:relative;background:url(../m{dede:global.cfg_templets_skin/}/images/bgys_c.png) no-repeat;background-size:100% 100%;font-size:18px;padding:8px 40px;color:#fff}



.new-bgys p em{font-style: normal;font-size: 20px;color: #05163f;font-weight: bold;}







.yx-cp{text-align:center}



.yx-cp p{display:inline-block;text-indent:0;position:relative}



.yx-cp p:before{position:absolute;width:150px;height:20px;background:url(../images/ys_lbg.png) no-repeat;background-size:100% 100%;content:"";display:block;left:-150px;top:12px}



.yx-cp p:after{position:absolute;width:150px;height:20px;background:url(../images/ys_rbg.png) no-repeat;background-size:100% 100%;content:"";display:block;right:-150px;top:12px}



.yx-cp p span{display:inline-block;font-size:18px;color:#333;font-weight:700;border:2px solid #751212;padding:5px 50px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;position:relative;background:#fff}



.yx-cp p span:before{content:"";display:block;width:100%;background:#fa2346;background-size:100% 100%;border:1px solid #751212;height:50px;position:absolute;left:-10px;top:0;z-index:-2;border-radius:20px 0 10px 10px}







.swiper-lb{position:relative;max-width:800px;margin:50px auto 55px}



.swiper-lb:before{width:100%;height:124px;background:url(../images/swiper_lb_bg.png) no-repeat;background-size:cover;display:block;content:"";position:absolute;top:-15px;left:0}



.swiper-lb .pic{margin:0 auto 40px;display:block;text-align:center}



.swiper-lb ul{overflow:hidden;margin-left:-3%}



.swiper-lb li{float:left;color:#162989;font-size:24px;padding:15px 7%;border-radius:30px;margin-left:3%;border:1px solid #172a8a;margin-bottom:30px;cursor:pointer}



.swiper-lb li:hover{color:#fff;background:-webkit-linear-gradient(left,#4255b5,#172a8a);background:-o-linear-gradient(right,#4255b5,#172a8a);background:-moz-linear-gradient(right,#4255b5,#172a8a);background:linear-gradient(to right,#4255b5,#172a8a);border:none;position:relative}



.swiper-lb li.cur{color:#fff;background:-webkit-linear-gradient(left,#4255b5,#172a8a);background:-o-linear-gradient(right,#4255b5,#172a8a);background:-moz-linear-gradient(right,#4255b5,#172a8a);background:linear-gradient(to right,#4255b5,#172a8a);border:none;position:relative}



.swiper-lb li.cur:after{background:url(../images/sjfh.png) no-repeat;background-size:cover;width:23px;height:11px;position:absolute;bottom:-11px;left:50%;margin-left:-11px;display:block;content:""}



.swiper-lb li:hover:after{background:url(../images/sjfh.png) no-repeat;background-size:cover;width:23px;height:11px;position:absolute;bottom:-11px;left:50%;margin-left:-11px;display:block;content:""}



.swiper-lb .list{position:relative}



.swiper-lb .list:after{background:url(../images/la_b.png) no-repeat;background-size:cover;width:97%;height:22px;display:block;content:"";position:absolute;bottom:-22px;left:1.5%}



.swiper-lb .list img{margin:0 auto;display:block;border-radius:30px}



.swiper-lb .list .box{position:absolute;background:url(../images/l_bg.png) no-repeat;background-size:cover;width:100%;bottom:0;left:0;padding:25px 40px;border-radius:30px;box-sizing:border-box}



.swiper-lb .list .box strong{font-size:30px;color:#fff;font-weight:700;display:block;margin-bottom:20px}



.swiper-lb .list .box p{font-size:22px;color:#cbd2f4;text-indent:0;margin:0 auto;line-height:1}







.dxh-cs li{background:#f6f6f6;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;margin-bottom:15px;position:relative}



.dxh-cs li:before{background:#50b1c5;width:30px;height:56px;content:"";display:block;position:absolute;left:0;top:0;border-radius:15px 0 0 15px;-webkit-border-radius:15px 0 0 15px;-moz-border-radius:15px 0 0 15px;-ms-border-radius:15px 0 0 15px;-o-border-radius:15px 0 0 15px}



.dxh-cs li.one:before{background:#50b1c5}



.dxh-cs li.two:before{background:#699fd7}



.dxh-cs li.three:before{background:#51b0d9}



.dxh-cs .tb-bg{background:#9dd4e1;overflow:hidden;height:56px;padding:3px 0 3px 30px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px}



.dxh-cs li.one .tb-bg{background:#9dd4e1}



.dxh-cs li.two .tb-bg{background:#9dbae1}



.dxh-cs li.three .tb-bg{background:#8bcfec}



.dxh-cs .tb-l{float:left;width:80px;text-align:center;line-height:52px;font-size:32px;color:#fff;font-family:Impact}



.dxh-cs .tb-r{margin:0 50px 0 80px;overflow:hidden;background:#fff;border-radius:0 15px 15px 0;-webkit-border-radius:0 15px 15px 0;-moz-border-radius:0 15px 15px 0;-ms-border-radius:0 15px 15px 0;-o-border-radius:0 15px 15px 0;position:relative;padding-right:15px}



.dxh-cs .tb-r:before{position:absolute;left:0;top:3px;width:0;height:0;border-top:22px solid transparent;border-bottom:22px solid transparent;border-left:22px solid #9dd4e1;content:"";display:block}



.dxh-cs li.two .tb-r:before{border-left:22px solid #9dbae1}



.dxh-cs li.three .tb-r:before{border-left:22px solid #8bcfec}



.dxh-cs .tb-r p{float:left;margin:0;line-height:50px;width:50%;text-align:center;font-size:18px;font-weight:700;color:#636363;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}



.dxh-cs .tb-r .r-rgt{float:right}



.dxh-cs .tb-r .r-rgt span{display:inline-block;border:1px dashed #50b1c5;width:146px;height:40px;line-height:40px;text-align:center;margin-top:4px;margin-right:15px;border-radius:8px;position:relative;cursor:pointer}



.dxh-cs .tb-r .r-rgt span.active,.dxh-cs .tb-r .r-rgt span:hover{background:-webkit-linear-gradient(left,#fca713,#ff8b24);background:-o-linear-gradient(right,#fca713,#ff8b24);background:-moz-linear-gradient(right,#fca713,#ff8b24);background:linear-gradient(to right,#fca713,#ff8b24);border:1px dashed transparent}



.dxh-cs .tb-r .r-rgt span:before{position:absolute;width:138px;height:32px;border:1px dashed #fff;content:"";display:block;background:0 0;left:3px;top:3px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}



.dxh-cs .icon{float:right;display:block;width:24px;height:25px;background:url(../images/down_xx.png) no-repeat;background-size:100% 100%;margin-top:-35px;margin-right:15px;cursor:pointer}



.dxh-cs li.active .icon{background:url(../images/up_xs.png) no-repeat}



.tab-box{padding:40px 10px;text-align:center;display:none}



.tab-box img{max-width:100%;display:block;margin:0 auto}



.dxh-cs li.active .tab-box{display:block}



.cs-list{display:none}



.cs-list p{font-size:16px;color:#465174;font-weight:700;margin:-40px 50px 0}



.cs-list.on{display:block}







.hq-bj{text-indent:0;text-align:center}



.hq-bj a{font-size:18px;color:#fff;padding:0;display:inline-block;border-radius:30px;padding:10px 80px 10px 40px;background:#cf3535;background:-webkit-linear-gradient(left,#cf3535,#fd4c4c);background:-o-linear-gradient(right,#cf3535,#fd4c4c);background:-moz-linear-gradient(right,#cf3535,#fd4c4c);background:linear-gradient(to right,#cf3535,#fd4c4c);border:3px solid #fff;box-shadow:0 3px 9px rgba(26,15,125,.52);position:relative;color: #fff!important;}



.hq-bj a:after{position:absolute;background:url(../images/sx.png) no-repeat;width:28px;height:34px;background-size:100% 100%;content:"";display:block;right:30px;top:10px}







.pj-box{background:#f2f5ff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;position:relative;margin-top:65px}



.pj-box .pic{width:260px;height:172px;box-shadow:5px 5px 18px rgba(68,76,104,.35);border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;cursor:pointer}



.pj-box .pic:after{position:absolute}



.pj-box .pic img{width:100%;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px}



.pj-one{margin-left:60px;padding:35px 30px 20px 230px}



.pj-one .pic{position:absolute;left:-60px;top:-25px;z-index:10}



.pj-one .pic:before{background:url(../images/faj.png) no-repeat;width:78px;height:46px;background-size:100% 100%;content:"";display:block;position:absolute;right:0;top:0;border-radius:23px 30px 0 23px;-webkit-border-radius:23px 30px 0 23px;-moz-border-radius:23px 30px 0 23px;-ms-border-radius:23px 30px 0 23px;-o-border-radius:23px 30px 0 23px;cursor:pointer}



.pj-one .pj-xq strong{font-size:18px;background:#699fd7;color:#fff;display:inline-block;padding:13px 100px 13px 230px;position:absolute;left:0;top:-25px;border-radius:26px;-webkit-border-radius:26px;-moz-border-radius:26px;-ms-border-radius:26px;-o-border-radius:26px}



.pj-one .pj-xq strong:after{width:42px;height:44px;background:url(../images/zz.png) no-repeat;background-size:100% 100%;content:"";display:block;position:absolute;right:40px;top:5px}



.pj-box .pj-xq p{font-size:14px!important;text-indent:0;text-align:left}



.pj-one .pj-xq p strong,.pj-two .pj-xq p strong{position:static!important;color:#05163f;padding:0;background:0 0;display:inline}



.pj-one .pj-xq p strong:after,.pj-two .pj-xq p strong:before{background:0 0}



.pj-two{margin-right:60px;padding:35px 230px 15px 30px}



.pj-two .pic{position:absolute;right:-60px;top:-25px;z-index:10}



.pj-two .pic:before{background:url(../images/faj.png) no-repeat;width:78px;height:46px;background-size:100% 100%;content:"";display:block;position:absolute;left:0;top:0;border-radius:35px 23px 30px 0;-webkit-border-radius:35px 23px 30px 0;-moz-border-radius:35px 23px 30px 0;-ms-border-radius:35px 23px 30px 0;-o-border-radius:35px 23px 30px 0;cursor:pointer}



.pj-two .pj-xq strong{font-size:18px;background:#699fd7;color:#fff;display:inline-block;padding:13px 230px 13px 100px;position:absolute;right:0;top:-25px;border-radius:26px;-webkit-border-radius:26px;-moz-border-radius:26px;-ms-border-radius:26px;-o-border-radius:26px}



.pj-two .pj-xq strong:before{width:42px;height:44px;background:url(../images/dzf.png) no-repeat;background-size:100% 100%;content:"";display:block;position:absolute;left:40px;top:5px}







.gw-case{background:#f2f5ff;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border:1px dashed #6090cc;position:relative;z-index:1;margin:30px auto}



.gw-case .tb{overflow:hidden;background:#fff;margin:0 23px;border-radius:0 0 32px 32px;-webkit-border-radius:0 0 32px 32px;-moz-border-radius:0 0 32px 32px;-ms-border-radius:0 0 32px 32px;-o-border-radius:0 0 32px 32px;padding:15px 25px;line-height:2.5em;box-shadow:0 3px 9px rgba(26,15,125,.52)}



.gw-case .tb img{float:left;}



.gw-case .tb span{font-size:14px;color:#3f475f;float:left;text-indent:20px;}



.gw-case .gw-al{overflow:hidden;padding:30px 35px;margin-left:-5.8%}



.gw-case .gw-al .al-l{width:44.2%;text-align:center;float:left;margin-left:5.8%}



.gw-case .gw-al .box{background:#699fd7;border-radius:26px;-webkit-border-radius:26px;-moz-border-radius:26px;-ms-border-radius:26px;-o-border-radius:26px}



.gw-case .gw-al .box strong{font-size:18px;color:#fff;line-height:3.2em}



.gw-case .gw-al .box strong img{margin-right:8px;margin-top:-5px;display:inline-block}



.gw-case .gw-al .box .pic{background:#fff;border-radius:40px 40px 26px 26px;-webkit-border-radius:40px 40px 26px 26px;-moz-border-radius:40px 40px 26px 26px;-ms-border-radius:40px 40px 26px 26px;-o-border-radius:40px 40px 26px 26px;position:relative}



.gw-case .gw-al .box .pic:before{background:url(../images/faj.png) no-repeat;width:78px;height:46px;background-size:100% 100%;content:"";display:block;position:absolute;right:0;top:0;border-radius:23px 30px 0 23px;-webkit-border-radius:23px 30px 0 23px;-moz-border-radius:23px 30px 0 23px;-ms-border-radius:23px 30px 0 23px;-o-border-radius:23px 30px 0 23px;cursor:pointer}



.gw-case .gw-al .box .pic img{border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;width:100%;box-shadow:5px 2px 18px rgba(68,76,104,.35);cursor:pointer}



.gw-case .gw-al .box .pic p{padding:23px;text-align:left;text-indent:0;margin:0;font-size:14px;color:#3f475f}



.gw-case .gw-al .box .pic p strong{color:#05163f!important;line-height:auto}



.gw-case .gw-al .wz-csb{text-align:center}



.gw-case .gw-al .wz-csb a{padding:8px 50px 8px 80px}



.gw-case .gw-al .wz-csb a:before{background:url(../images/mtp.png) no-repeat;background-size:100% 100%;width:45px;height:45px}



.gw-case .gw-al .wz-csb a:after{height:44px}







.dialog-bg{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.8);z-index:500}



.dialog-bg .img-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}



.dialog-bg .img-box img{width:100%;height:100%}











.anchor-box{margin-bottom:46px}



.anchor-box p{font-size:14px;color:#555f7d;line-height:2em;margin-bottom:15px;text-indent:0}



.anchor-list li{float:left;width:26%;text-align:center;background:url(../pc{dede:global.cfg_templets_skin/}/images/a-bg.png) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin:0 -6px 18px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;box-shadow:-8px 12px 8px -15px #ddd6e1}



.anchor-list li a{display:block;font-size:14px;line-height:40px;color:#612076;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}



.anchor-list li:hover{background:url(../pc{dede:global.cfg_templets_skin/}/images/a-bg1.png) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}



.anchor-list li:hover a{color:#fff}











.video-model1 video{max-width:100%}



.video-model1{width:800px;margin:50px auto;background-color:#29417b;background:-moz-linear-gradient(top,#598aff 0,#29417b 100%);background:-webkit-linear-gradient(top,#598aff 0,#29417b 100%);background:-o-linear-gradient(top,#598aff 0,#29417b 100%);background:-ms-linear-gradient(top,#598aff 0,#29417b 100%);background:linear-gradient(to bottom,#598aff 0,#29417b 100%);padding:24px 24px 20px;border-radius:13px;-wekit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}



.video-model1 video{display:block}



.video-model1 .model{overflow:hidden;padding-top:20px}



.video-model1 .model .ico{float:left;margin-right:10px}



.video-model1 .model .txt{overflow:hidden;text-align:center;font-size:24px;color:#fff;line-height:34px;padding-top:10px}



.video-model1 .model .txt strong{font-size:32px;line-height:42px;display:block}



.video-model1 .model .txt span{opacity:.8}



.video-model1 .model .kf{float:right;margin-left:10px;color:#fff;text-align:center}



.video-model1 .model .kf .zx{width:198px;line-height:52px;border:10px solid;border-color:#d42453;border-image:-webkit-linear-gradient(#d42453,#2e1173) 20 20;border-image:-moz-linear-gradient(#d42453,#2e1173) 20 20;border-image:linear-gradient(#d42453,#2e1173) 20 20;background-color:#fff;font-size:24px;color:#e52f2f;margin-bottom:8px;display:block;font-weight:700;cursor:pointer}



.video-model1 .model .kf span{font-size:20px}



@media screen and (max-width:1280px){



.video-model1{width:100%}



.video-model1 .model .txt{font-size:20px}



}







.goods-slick{padding:36px 40px 36px 35px;position:relative;z-index:1;margin-bottom:40px}



.goods-slick:after,.goods-slick:before{content:'';width:184px;height:680px;position:absolute;z-index:-1}



.goods-slick:before{background:url(../pc{dede:global.cfg_templets_skin/}/images/x-pro-icon.png) no-repeat left top;top:0;left:0}



.goods-slick:after{background:url(../pc{dede:global.cfg_templets_skin/}/images/x-pro-icon1.png) no-repeat right bottom;right:0;bottom:0}



.goods-slick .slider-for{margin-bottom:16px}



.goods-slick img{display:block;width:100%;height:auto}



.goods-slick .slider-nav{margin:0 -10px}



.goods-slick .slider-nav .slick-slider{outline:0}



.goods-slick .slider-nav .slick-slider .img{position:relative;padding:0 10px;cursor:pointer}



.goods-slick .slider-nav .slick-slider .img:before{content:'';position:absolute;top:0;bottom:0;left:10px;right:10px;background-color:rgba(99,152,191,.5);z-index:2}



.goods-slick .slider-nav .slick-slider.slick-current .img:before{display:none}



.goods-slick .slider-nav .slick-slider.slick-current .img img{-webkit-box-shadow:0 9px 10px rgba(0,0,0,.4);-moz-box-shadow:0 9px 10px rgba(0,0,0,.4);-ms-box-shadow:0 9px 10px rgba(0,0,0,.4);-o-box-shadow:0 9px 10px rgba(0,0,0,.4);box-shadow:0 9px 10px rgba(0,0,0,.4)}



.goods-slick .slick-arrow{width:40px;height:40px;position:absolute;z-index:3;font-size: 0;border: none;outline: none;top: 50%;margin-top: -20px;cursor: pointer;}



.goods-slick .slick-prev{background:url(../pc{dede:global.cfg_templets_skin/}/images/x-prev.png) no-repeat;left:-13px}



.goods-slick .slick-next{background:url(../pc{dede:global.cfg_templets_skin/}/images/x-next.png) no-repeat;right:-13px}







/* ============ 特殊样式end ==========*/







@media screen and (max-width: 4000px) and (min-width:1999px){



    .pro-tab:before{display: none;}



    .pro-tab{-webkit-box-shadow: 0 0 24px rgba(69,0,5,0.05);-moz-box-shadow: 0 0 24px rgba(69,0,5,0.05);-ms-box-shadow: 0 0 24px rgba(69,0,5,0.05);-o-box-shadow: 0 0 24px rgba(69,0,5,0.05);box-shadow: 0 0 24px rgba(69,0,5,0.05);}



    .index-slick .slick-dots{left: 22.2%;}



    #allmap img{width:100%;}



}







@media screen and (max-width: 1800px){



    .solution-top .top-text p{margin-bottom: 30px;}



    .wl-msg{margin-top: -105px;}







    .question-cont{margin-top: -64px;padding-top: 134px;}



    .question-top .top-text{margin-top: 102px;}



    .xw-list li .pic{width: 220px;}



    .xw-list li .text .tit{margin-bottom: 30px;}



    .solution-gory li{padding: 0;}



    .solution-top .top-text{width: 100%;}



    .case-msg{margin-top: -80px;}



    .case-box{margin-top: -120px;padding: 160px 0 20px;}



    .index-grid .pic{left: 136px;top: -18px;width: 480px;}



    .index-grid .ewm-box{top: 50px;}



    .ewm-box dl{margin-bottom: 20px;}



    .show-msg .show,.scroll-box{padding-left: 12%;}



    .fixed-right{width: 120px;height: 274px;bottom: 100px;right: 10px;}



    .fixed-right .fix-ul{height: 274px;}



    .fix-ul li span{font-size: 16px;}



    .fix-zx, .fix-ly{padding: 10px 0 8px;}



    .fix-ul .fix-tel{font-size: 20px;line-height: 56px;}



    .fixed-right:before{-webkit-background-size: 120px;background-size: 120px;top: -110px;}



    .fix-zx .box img{width: 65px;}



    .fix-zx .box .text{margin-top: 4px;}



    .chat-btn{bottom: 20px;right: 46px;}



    .show-msg{-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;}







    .show-msg .sub-btn input{width: 205px;padding-left: 40px;}



    .show-msg .sub-btn:after{right: 36px;}



    .show-msg .sub-btn:hover:after{right: 45px;}



  



    



}



@media screen and (max-width: 1599px){



    .wrap {max-width: 1200px;}



    .header .nav>li{margin: 0 12px;}



    .index-slick .pic>a{margin-right: -10px;}



    .index-slick .materiel{left: 136px;width: 397px;}



    .index-slick{/* height: 590px; */}



    .index-box li.one .img{width: 146px;height: 110px;}



    .index-box li.one .text{width: 66%;}



    .index-slick .slick-dots{left: 8.2%;}



    .crumbs{padding-top: 18px;}



    .crumbs:before{top: 28px;}



    .video-box{margin-top: 80px;}



    .fw-one{margin-top: -50px;}



    .fw-two{margin-top: -150px;padding-top: 258px;}



    .answer-top .top-text p{margin-bottom: 35px;}



    .new-slick .text{padding: 32px 0 0 42px;}



    .new-slick .text p{-webkit-line-clamp: 2;height: 72px;}



    .news-ul li .img,.xw-list li .pic{width: 200px;height: 150px;}



    .news-ul li .text .more{bottom: -10px;}



    .case-top .video-box{margin-top: 86px;}



    .show-msg .show, .scroll-box{padding-left: 6%;}



    .index-slick .text{margin-top: 100px;}



    .index-scroll .dowebok{width:82%}



   



    .index-case .slick-dots li button{width:50px}



    .index-case .paging .full{margin-left:220px;}



    .good-box .good-btn{width: 156px;}



    .new-slick .text{margin-top: 185px;}



    .new-slick .slick-dots{bottom: 45px;}



    .side-r .tel strong{font-size: 22px;}



    .pro-list{margin: 0 -20px;}



    .pro-list li{padding: 0 20px;}



    .xgcase-list li .text{padding: 10px 15px 0;}



    .side-right .cont p{padding-left: 24px;font-size: 16px;margin-bottom: 10px;}



    .case-list li .text{padding: 20px 46px 25px 20px;}



    .case-inner .side-right{padding-left: 20px;}



    .case-inner .other .cont p{font-size: 16px;margin-right: 10px;}



    .case-info .info p{font-size: 16px;}



    .fw-fitting .text{padding: 0 36px 0 0;margin-top: 0;}



    .msg-scroll p{padding-left: 0;}



    .video-list{margin: 0 -14px;}



    .video-list li{padding: 0 28px;}



    .right-info .ewm strong{font-size: 24px;}



    .right-info{padding: 20px 28px 15px;}



    .question-list li .other{margin-top: 40px;}



    .wl-list{margin: 0 -10px;}



    .wl-list li{padding: 0 20px;}



    .wl-area{width: 83%;}



    .gw-case .tb span{line-height: 24px;width: 94%;padding-left: 10px;text-indent: 0;}



    .solution-top .case-msg ul,.case-msg ul,.answer-top .case-msg ul{width: 84%;}



    .cate-gory{margin-top: -40px;}



    .video-gory li:before{left: 36px;}



    .video-wrap{margin-top: -76px;}



    .pro-wrap{margin-top: -78px;}



   



    .index-special .col-r{padding: 60px 60px 60px 120px;}



    .ep-box .tit{right: -20px;}



}







@media screen and (max-width: 1439px){



   



    .index-slick .materiel{left: 136px;}



    .index-scroll .tit{margin-right: 12px;}



    .index-case .slick-dots{right: 248px;}



    .index-case .paging{right: 216px;}



    .index-box li.one .text p{margin-bottom: 0;}



    .ewm-box dl{margin-bottom: 20px;}



    .ewm-box dl dt img{width: 100px;}



    .ewm-box dl dd{margin-top: 10px;}



    .solution-top .case-msg .sub-btn{width: 180px;}



    .solution-top .case-msg .sub-btn:after{right: 34px;}



    .header .nav>li{margin: 0 14px;}



    .video-gory li:before{padding-left: 45px;}



    .cate-gory{margin-top: -20px;}



    .cate-gory li{padding: 0;}



    .video-list{margin:0 -20px;}



    .video-list li{padding: 0 25px;}



    .video-gory li:before{left: 40px;}



    .cp-text .fun{margin-bottom: 20px;}



    .contact-top .top-text{margin-top: 58px;}



    .xgcase-list li .text{padding: 13px 15px 0;}



    .good-box ul{width: 57%;}



    



    



}







@media screen and (max-width: 1359px){



    



    .good-box .more-a{width: 150px;}



   



    .index-slick .slick-dots{bottom: 25px;}



    .index-slick .materiel{left: 126px;width: 418px;}



    .show-msg .tel strong{font-size: 30px;}



    .show-msg .sub-btn:after{right: 40px;}



    .show-msg .sub-btn input{width: 200px;padding-left: 40px;}



    .show-msg .text p{font-size: 16px;}



    .cate-gory{position: relative;margin-top: 0;background-color: #f6f8fb;padding-top: 30px;}



    .video-gory li:before{margin-top: -8px;}







    .video-box{margin-top: 50px;}



    .service-top .top-text{width: 100%;}



    .top-text{margin-top: 102px;}



    .top-text p{margin-bottom: 56px;}



    .answer-top .case-msg ul{width: 83%;}



    .answer-top .top-text{width: 100%;}



    .pro-list{margin:0 -14px;}



    .pro-list li{padding:0 14px;}



    .pro-top .top-text{width: 100%;}



    .top-text h1,.top-text strong{margin-bottom: 10px;}



    .top-text p{font-size: 16px;}



    .case-top .top-text,.video-box  .top-text{width: 50%;}



    .xgcase-list li .text .more{display: none;}



    .side-right .cont p{font-size: 16px;padding-left: 28px;}



    .cp-text .wl ul{margin:0 -10px;}



    .cp-text .wl li{padding:0 10px;}



    .wl-area .left{padding-left: 20px;}



    .wl-area .wl-btn:after{left: 36px;}



    .case-inner .other .tel-p{display: none;}



    .related-box .case-list li .text .more{display: none;}



    



    .index-slick .materiel{left: 128px;width: 360px;}



    .index-slick .text{margin-top: 60px;}







    .index-special .col-r{padding: 60px 60px 60px 80px;}



}



@media screen and (max-width: 1279px) and (min-width:1024px){



    .index-goods .wrap:before{display: none;}



    .index-goods .wrap{padding-left: 0;}



    .index-box li.one{padding: 10px;}



    .pro-inner .side-right{display: none;}



    .index-box li>a{width: 70%;}



    .index-grid .pic{top: -12px;width: 320px;}



    .ewm-box dl dt img{width: 60px;}



    .slick-case .text .qt span{padding-left: 32px;font-size: 16px;margin-bottom: 10px;}



    .index-case .slick-dots{display: none!important;}



    .index-case .paging{display: none;}



    .slick-case .text{margin-top: 0;}



    .pro-area li .sub .text p{display: none;}



    .pro-area .one p{display: none;}



    .pro-area li .sub1 .text p{display: none;}



    .index-slick .materiel{display: none;}



    .index-slick .text{margin-top: 62px;}



    .index-slick{/* height: 554px; */}



    .index-slick .text ul{margin-bottom: 30px;}



    .header .head-tel{display: none;}



    .solution-top .case-msg .sub-btn:after{right: 26px;}



    .solution-top .case-msg .sub-btn {width: 150px;}



    .solution-top .case-msg .sub-btn .btn{padding-left: 26px;}



    .wl-list{margin: 0 -15px;}



    .wl-list li{padding: 0 15px;}



    .wl-list li .tit{padding-left: 28px;}



    .top-text h1,.top-text strong{margin-bottom: 0;}



    .case-msg .wrap:before{display: none;}



    .case-msg .wrap{padding-left: 20px;}



    .case-msg ul{width: 82%;}



    .show-msg .tel{display: none;}



    .map-box{padding-top: 0;}



    .video-gory li:before{left: 18px;}



    .case-inner .side-right{display: none;}



    /* .inner-top .col-l{width:100%;} */



    .side-right .ewm .left p{font-size: 12px;}



    .video-cs{padding: 5px 30px 50px;}



    .video-box .top-text p{margin-bottom: 0;}



    .service-top .top-text p{margin-bottom: 20px;}



    .answer-top .case-msg ul{width: 80%}



    .question-cont{margin-top: -100px;}



    .question-list li .pic-left p span{line-height: 1.5em;}



    .question-list li .other{margin-top: 20px;}



    .right-info .ewm strong{font-size: 18px;}



    .side-auto{display: none!important;}



    .xg-case .case-list li .text{padding: 10px 10px 28px 18px;}



    .lx-tel{padding-left: 22px;}



    .solution-gory li:before{left: 32px;margin-top: -10px;}



    .related-box .case-list li .text {padding: 10px 10px 33px 18px;}



    .case-list li .text{padding: 20px 46px 25px 10px;}



    .case-msg .one p{display: none;}



    .base-title p br{display: none;}



    .about-pro:before{display: none;}



    .about-pro{padding-left: 0;}



    .about-two:before{display: none;}



    .error-box img{display: block;width: 100%;}



    .side-right .cont{padding-left: 10px;}



    .side-right .cont p{padding-left: 18px;}



    .msg-scroll p{padding-left: 0;}



    .fast-box p{font-size: 16px;}



    .video-area .vo-right{padding-left: 20px;}



    .con-right .tit{font-size: 14px;}



    .con-right p{font-size: 12px;}



    .li-left span{font-size: 12px;}



    .wl-area .wl-btn:after{display: none;}







}







@media \0screen {



    .ie8-p{padding-left: 30px;}



    .ie8-p,.ie8-p a{color: #fff;}



    .ie8-p a:hover{color: #d60404;}



    .right-msg select{height: auto;padding: 10px 6px 10px 20px;}



    .about-top .video-box video{border-color: transparent;}



    .case-msg li select{height: auto;padding:17px 10px 17px 20px;}



}











x1.00